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

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

Issue 29474565: Issue 5350 - Setup Help Center Boilerplate (Closed)
Patch Set: Move browserlist to package.json, Fix font urls, Add blocks in template Created July 4, 2017, 9:32 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/_reset.scss ('k') | static/scss/main.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
@@ -31,48 +31,38 @@
$abp-red: #C70D2B;
$abb-blue: #0D79C7;
// Typography //////////////////////////////////////////////////////////////////
// Font stack
// @see https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/
-$font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont,
- "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",
- "Fira Sans", "Droid Sans", "Helvetica Neue",
- sans-serif;
+$primary-font: "Source Sans Pro", -apple-system, BlinkMacSystemFont,
+ "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",
+ "Fira Sans", "Droid Sans", "Helvetica Neue",
+ sans-serif;
// Font colours
$font-color-default: $eyeo-black;
$font-color-link: $abb-blue;
-// Font sizes (components)
-
-$font-size-xl: 20px;
-$font-size-lg: 18px;
-$font-size-md: 16px;
-$font-size-sm: 14px;
-$font-size-xs: 12px;
-
// Font sizes (headings)
-$font-size-h1: 54px;
-$font-size-h2: 32px;
-$font-size-h3: 23px;
-$font-size-h4: 16px;
+$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 weights
-$font-weight-normal: 400;
-$font-weight-light: 300;
-$font-weight-bold: 700;
+$bold-weight: 700;
// Sizes ///////////////////////////////////////////////////////////////////////
// Spacers /////////////////////////////////////////////////////////////////////
// Columns /////////////////////////////////////////////////////////////////////
// Breakpoints /////////////////////////////////////////////////////////////////
« no previous file with comments | « static/scss/base/_reset.scss ('k') | static/scss/main.scss » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld