Index: static/scss/base/_variables.scss |
=================================================================== |
--- a/static/scss/base/_variables.scss |
+++ b/static/scss/base/_variables.scss |
@@ -31,48 +31,38 @@ |
$abp-red: #C70D2B; |
$abb-blue: #0D79C7; |
// Typography ////////////////////////////////////////////////////////////////// |
// Font stack |
// @see https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/ |
-$font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, |
- "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", |
- "Fira Sans", "Droid Sans", "Helvetica Neue", |
- sans-serif; |
+$primary-font: "Source Sans Pro", -apple-system, BlinkMacSystemFont, |
+ "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", |
+ "Fira Sans", "Droid Sans", "Helvetica Neue", |
+ sans-serif; |
// Font colours |
$font-color-default: $eyeo-black; |
$font-color-link: $abb-blue; |
-// Font sizes (components) |
- |
-$font-size-xl: 20px; |
-$font-size-lg: 18px; |
-$font-size-md: 16px; |
-$font-size-sm: 14px; |
-$font-size-xs: 12px; |
- |
// Font sizes (headings) |
-$font-size-h1: 54px; |
-$font-size-h2: 32px; |
-$font-size-h3: 23px; |
-$font-size-h4: 16px; |
+$font-size-h1: 3em; |
+$font-size-h2: 2em; |
+$font-size-h3: 1.4em; |
+$font-size-h4: 1em; |
$font-size-h5: $font-size-h4; |
$font-size-h6: $font-size-h4; |
// Font weights |
-$font-weight-normal: 400; |
-$font-weight-light: 300; |
-$font-weight-bold: 700; |
+$bold-weight: 700; |
// Sizes /////////////////////////////////////////////////////////////////////// |
// Spacers ///////////////////////////////////////////////////////////////////// |
// Columns ///////////////////////////////////////////////////////////////////// |
// Breakpoints ///////////////////////////////////////////////////////////////// |