Unified Diff: static/scss/base/_variables.scss
Issue 29485575:
Issue 5385 - Create Site Header Component for Help Center (Closed)
Patch Set: Include site variables before website-defaults
Created Sept. 1, 2017, 12:11 p.m.
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with comments
|
« static/scss/base/_utilities.scss ('k')
|
static/scss/components/_search-form.scss » ('j')
|
no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| Index: static/scss/base/_variables.scss |
| =================================================================== |
| --- a/static/scss/base/_variables.scss |
| +++ b/static/scss/base/_variables.scss |
| @@ -26,16 +26,18 @@ |
| $black: #161616; |
| // Brand colors |
| $eyeo-black: $black; |
| $abp-red: #C70D2B; |
| $abb-blue: #0D79C7; |
| +$primary: $eyeo-black; |
| + |
| // Typography ////////////////////////////////////////////////////////////////// |
| // Font stack |
| $primary-font: "Source Sans Pro", sans-serif; |
| // Font colours |
| @@ -46,21 +48,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: 960px; |
| +$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 //////////////////////////////////////////////////////////////// |
| +$phablet-breakpoint: 576px; |
| + |
| +// Placeholders //////////////////////////////////////////////////////////////// |
« no previous file with comments
|
« static/scss/base/_utilities.scss ('k')
|
static/scss/components/_search-form.scss » ('j')
|
no next file with comments »
