| Index: static/scss/base/_variables.scss | 
| =================================================================== | 
| --- a/static/scss/base/_variables.scss | 
| +++ b/static/scss/base/_variables.scss | 
| @@ -46,21 +46,49 @@ | 
|  | 
| $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 sizes (general) | 
| + | 
| +$small-font: 0.9em; | 
| +$tiny-font: 0.8em; | 
| + | 
| // Font weights | 
|  | 
| $bold-weight: 700; | 
|  | 
| // Sizes /////////////////////////////////////////////////////////////////////// | 
|  | 
| +// Container widths | 
| + | 
| +$content-width: $desktop-width; | 
| +$navbar-width: $content-width + 100px; | 
| + | 
| +// Header & Footer | 
| + | 
| +$site-header-height: 70px; | 
| +$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 //////////////////////////////////////////////////////////////// | 
|  |