primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-12-14 06:44:38 +03:00
Code Issues Projects Releases Wiki Activity

Add size scale

Browse Source
This commit is contained in:
simurai 2020-03-02 16:38:56 +09:00
parent f80a82afaf
commit 4a5b0aa237
1 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/support/variables/layout.scss
View File

@ -71,6 +71,20 @@ $em-spacer-4: 0.375em !default; // 3/8
$em-spacer-5: 0.5em !default; // 1/2
$em-spacer-6: 0.75em !default; // 3/4
// Size scale
// Used for buttons, inputs, labels, avatars etc.
$size: 16px !default;
$size-0: 0 !default;
$size-1: $size !default; // 16px
$size-2: $size-1 + 4px !default; // 20px
$size-3: $size-2 + 4px !default; // 24px
$size-4: $size-3 + 4px !default; // 28px
$size-5: $size-4 + 4px !default; // 32px
$size-6: $size-5 + 8px !default; // 40px
$size-7: $size-6 + 8px !default; // 48px
$size-8: $size-7 + 16px !default; // 64px
// Fixed-width container variables
$container-width: 980px !default;
$grid-gutter: 10px !default;