diff --git a/sass/_config/_variables.scss b/sass/_config/_variables.scss index 569b908..c00df21 100644 --- a/sass/_config/_variables.scss +++ b/sass/_config/_variables.scss @@ -3,15 +3,14 @@ // breakpoints values // warning: you should use your own values, regardless of the devices // best practise is Mobile First: (min-width: $breakpoint) -$tiny: 480px !default; // or 'em' if you prefer, of course -$small: 576px !default; -$medium: 768px !default; -$large: 992px !default; -$extra-large: 1200px !default; +$tiny : 480px !default; // or 'em' if you prefer, of course +$small : 576px !default; +$medium : 768px !default; +$large : 992px !default; +$extra-large : 1200px !default; // tiny font sizes (mobile first) $base-font-size : 1.4rem; // ex. 1.4rem would be "14px" equivalent -$line-height : 1.4; $h1-size : 2.8rem; // equiv "28px" $h2-size : 2.4rem; // equiv "24px" $h3-size : 2.0rem; // equiv "20px" @@ -21,7 +20,6 @@ $h6-size : 1.4rem; // equiv "14px" // large font sizes $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" $h2-size-l : 2.8rem; // equiv "28px" $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" $h6-size-l : 1.6rem; // equiv "16px" +$line-height-s : 1.1; +$line-height : 1.3; +$line-height-l : 1.5; + // font stacks $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