Skip to content

Instantly share code, notes, and snippets.

@jimjam88
Created July 13, 2023 10:51
Show Gist options
  • Save jimjam88/635a01e7f47fb8c88913571797f12071 to your computer and use it in GitHub Desktop.
Save jimjam88/635a01e7f47fb8c88913571797f12071 to your computer and use it in GitHub Desktop.
SCSS Baseline spacing units
$baseline: 6px !default;
$xxs: $baseline * 0.5 !default; // 3px
$xs: $baseline * 1 !default; // 6px
$s: $baseline * 2 !default; // 12px
$m: $baseline * 4 !default; // 24px
$l: $baseline * 8 !default; // 48px
$xl: $baseline * 16 !default; // 96px
$xxl: $baseline * 32 !default; // 192px
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment