| 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 ///////////////////////////////////////////////////////////////// |