Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Unified Diff: static/scss/base/_variables.scss

Issue 29516622: Issue 5511 - Create Product Help Home Template for help.eyeo.com (Closed) Base URL: https://hg.adblockplus.org/help.eyeo.com
Patch Set: Addressed first comments Created Aug. 28, 2017, 2:51 p.m.
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « static/scss/base/_utilities.scss ('k') | static/scss/components/_card.scss » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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 ////////////////////////////////////////////////////////////////
« no previous file with comments | « static/scss/base/_utilities.scss ('k') | static/scss/components/_card.scss » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld