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