dbroqua/KNACSS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

line-height variables

Browse source
This commit is contained in:
Raphael Goetter 2017-10-16 16:11:53 +02:00
parent 327e384643
commit d908eec7d4
1 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
sass/_config/_variables.scss
View file

@ -3,15 +3,14 @@
// breakpoints values // breakpoints values
// warning: you should use your own values, regardless of the devices // warning: you should use your own values, regardless of the devices
// best practise is Mobile First: (min-width: $breakpoint) // best practise is Mobile First: (min-width: $breakpoint)
$tiny: 480px !default; // or 'em' if you prefer, of course $tiny : 480px !default; // or 'em' if you prefer, of course
$small: 576px !default; $small : 576px !default;
$medium: 768px !default; $medium : 768px !default;
$large: 992px !default; $large : 992px !default;
$extra-large: 1200px !default; $extra-large : 1200px !default;
// tiny font sizes (mobile first) // tiny font sizes (mobile first)
$base-font-size : 1.4rem; // ex. 1.4rem would be "14px" equivalent $base-font-size : 1.4rem; // ex. 1.4rem would be "14px" equivalent
$line-height : 1.4;
$h1-size : 2.8rem; // equiv "28px" $h1-size : 2.8rem; // equiv "28px"
$h2-size : 2.4rem; // equiv "24px" $h2-size : 2.4rem; // equiv "24px"
$h3-size : 2.0rem; // equiv "20px" $h3-size : 2.0rem; // equiv "20px"
@ -21,7 +20,6 @@ $h6-size : 1.4rem; // equiv "14px"
// large font sizes // large font sizes
$base-font-size-l : 1.6rem; // ex. 1.6rem would be "16px" equivalent $base-font-size-l : 1.6rem; // ex. 1.6rem would be "16px" equivalent
$line-height-l : 1.5;
$h1-size-l : 3.2rem; // equiv "32px" $h1-size-l : 3.2rem; // equiv "32px"
$h2-size-l : 2.8rem; // equiv "28px" $h2-size-l : 2.8rem; // equiv "28px"
$h3-size-l : 2.4rem; // equiv "24px" $h3-size-l : 2.4rem; // equiv "24px"
@ -29,6 +27,10 @@ $h4-size-l : 2.0rem; // equiv "20px"
$h5-size-l : 1.8rem; // equiv "18px" $h5-size-l : 1.8rem; // equiv "18px"
$h6-size-l : 1.6rem; // equiv "16px" $h6-size-l : 1.6rem; // equiv "16px"
$line-height-s : 1.1;
$line-height : 1.3;
$line-height-l : 1.5;
// font stacks // font stacks
$font-stack-common : -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; // system font stack $font-stack-common : -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; // system font stack
$font-stack-headings : sans-serif; // font for h1, h2.. h6 $font-stack-headings : sans-serif; // font for h1, h2.. h6