Skip to content

Instantly share code, notes, and snippets.

@anithegregorian
Last active April 20, 2021 14:59
Show Gist options
  • Save anithegregorian/9502bf599c96b08cf5dd393441e7b13a to your computer and use it in GitHub Desktop.
Save anithegregorian/9502bf599c96b08cf5dd393441e7b13a to your computer and use it in GitHub Desktop.
SCSS Spacings
// SPACING VARIABLES
$margin-spacings: (
xs: rem-calc(8px),
sm: rem-calc(16px),
md: rem-calc(32px),
lg: rem-calc(64px),
xl: rem-calc(128px)
);
$margin-pushes: (
xs: rem-calc(-8px),
sm: rem-calc(-16px),
md: rem-calc(-32px),
lg: rem-calc(-64px),
xl: rem-calc(-128px)
);
$padding-spacings: (
xxs: rem-calc(5px),
xs: rem-calc(8px),
sm: rem-calc(16px),
md: rem-calc(32px),
lg: rem-calc(64px),
xl: rem-calc(128px)
);
$gutter-spacings: (
xs: rem-calc(8px),
sm: rem-calc(16px),
md: rem-calc(32px),
lg: rem-calc(64px),
xl: rem-calc(128px)
);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment