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

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

Issue 29485575: Issue 5385 - Create Site Header Component for Help Center (Closed)
Patch Set: Change mobile to tablet-breakpoint, add polyfill for classList, re-order rtl styles Created Sept. 1, 2017, 10:53 a.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/_search-form.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
@@ -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 ////////////////////////////////////////////////////////////////
+$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 »

Powered by Google App Engine
This is Rietveld