| Index: static/scss/base/_variables.scss |
| =================================================================== |
| --- a/static/scss/base/_variables.scss |
| +++ b/static/scss/base/_variables.scss |
| @@ -39,28 +39,57 @@ |
| // Font colours |
| $font-color-default: $eyeo-black; |
| $font-color-link: $abb-blue; |
| // Font sizes (headings) |
| -$font-size-h1: 3em; |
| +$font-size-h1: 2.8em; |
| $font-size-h2: 2em; |
| -$font-size-h3: 1.4em; |
| +$font-size-h3: 1.6em; |
| $font-size-h4: 1em; |
| $font-size-h5: $font-size-h4; |
| $font-size-h6: $font-size-h4; |
| +// Font sizes (general) |
| + |
| +$small-font: 0.9em; |
| +$tiny-font: 0.8em; |
| + |
| // Font weights |
| $bold-weight: 700; |
| // Sizes /////////////////////////////////////////////////////////////////////// |
| +// Container widths |
| + |
| +$content-max-width: 90%; |
| +$content-width: $desktop-width; |
| +$navbar-width: $content-width + 100px; |
| + |
| +// Header & Footer |
| + |
| +$site-header-height: 65px; |
| +$site-header-content-line-height: 40px; |
| + |
| +// Search form |
| + |
| +$search-form-width: 320px; |
| +$search-form-height: 35px; |
| + |
| // Spacers ///////////////////////////////////////////////////////////////////// |
| +$xl: 60px; |
| +$lg: 30px; |
| +$md: 15px; |
| +$sm: 10px; |
| +$xs: 5px; |
| + |
| // Columns ///////////////////////////////////////////////////////////////////// |
| // Breakpoints ///////////////////////////////////////////////////////////////// |
| -// Placeholders //////////////////////////////////////////////////////////////// |
| +$mobile-breakpoint: 544px; |
| + |
| +// Placeholders //////////////////////////////////////////////////////////////// |