Index: static/scss/base/_variables.scss |
=================================================================== |
--- a/static/scss/base/_variables.scss |
+++ b/static/scss/base/_variables.scss |
@@ -46,21 +46,44 @@ |
$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-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 ///////////////////////////////////////////////////////////////////// |
// Columns ///////////////////////////////////////////////////////////////////// |
// Breakpoints ///////////////////////////////////////////////////////////////// |
-// Placeholders //////////////////////////////////////////////////////////////// |
+$mobile-breakpoint: 544px; |
+ |
+// Placeholders //////////////////////////////////////////////////////////////// |