static/scss/base/_variables.scss - Issue 29485575: Issue 5385 - Create Site Header Component for Help Center

Keyboard Shortcuts

	File
u :	up to issue
m :	publish + mail comments
M :	edit review message
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line
<Enter> :	respond to / edit current comment
d :	mark current comment as done

	Issue
u :	up to list of issues
m :	publish + mail comments
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue
# :	close issue

	Comment/message editing
<Ctrl> + s or <Ctrl> + Enter :	save comment
<Esc> :	cancel edit

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

Issue 29485575: Issue 5385 - Create Site Header Component for Help Center (Closed)

Patch Set: Unfix header, implement standard spacing units Created Aug. 16, 2017, 2:37 p.m.

Use n/p to move between diff chunks; N/P to move between comments.

Jump to:

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 ////////////////////////////////////////////////////////////////

+$mobile-breakpoint: 544px;

+// Placeholders ////////////////////////////////////////////////////////////////