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

Delta Between Two Patch Sets: static/scss/base/_variables.scss

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

Left Patch Set: Addressed NITs Created Aug. 21, 2017, 3:21 p.m.

Right Patch Set: Include site variables before website-defaults Created Sept. 1, 2017, 12:11 p.m.

Left:
Right:

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

Jump to:

Left: Side by side diff | Download
Right: Side by side diff | Download

LEFT	RIGHT
1 // This file is part of help.eyeo.com.	1 // This file is part of help.eyeo.com.

2 // Copyright (C) 2017 Eyeo GmbH	2 // Copyright (C) 2017 Eyeo GmbH

3 //	3 //

4 // help.eyeo.com is free software: you can redistribute it and/or modify	4 // help.eyeo.com is free software: you can redistribute it and/or modify

5 // it under the terms of the GNU General Public License as published by	5 // it under the terms of the GNU General Public License as published by

6 // the Free Software Foundation, either version 3 of the License, or	6 // the Free Software Foundation, either version 3 of the License, or

7 // (at your option) any later version.	7 // (at your option) any later version.

8 //	8 //

9 // help.eyeo.com is distributed in the hope that it will be useful,	9 // help.eyeo.com is distributed in the hope that it will be useful,

10 // but WITHOUT ANY WARRANTY; without even the implied warranty of	10 // but WITHOUT ANY WARRANTY; without even the implied warranty of

(...skipping 12 matching lines...) Expand all Loading...
23 $gray-light: #ECECEC;	23 $gray-light: #ECECEC;

24 $gray-medium: #AEAEAE;	24 $gray-medium: #AEAEAE;

25 $gray-dark: #757575;	25 $gray-dark: #757575;

26 $black: #161616;	26 $black: #161616;

27	27

28 // Brand colors	28 // Brand colors

29	29

30 $eyeo-black: $black;	30 $eyeo-black: $black;

31 $abp-red: #C70D2B;	31 $abp-red: #C70D2B;

32 $abb-blue: #0D79C7;	32 $abb-blue: #0D79C7;

	33

	34 $primary: $eyeo-black;

33	35

34 // Typography //////////////////////////////////////////////////////////////////	36 // Typography //////////////////////////////////////////////////////////////////

35	37

36 // Font stack	38 // Font stack

37	39

38 $primary-font: "Source Sans Pro", sans-serif;	40 $primary-font: "Source Sans Pro", sans-serif;

39	41

40 // Font colours	42 // Font colours

41	43

42 $font-color-default: $eyeo-black;	44 $font-color-default: $eyeo-black;

(...skipping 14 matching lines...) Expand all Loading...
57 $tiny-font: 0.8em;	59 $tiny-font: 0.8em;

58	60

59 // Font weights	61 // Font weights

60	62

61 $bold-weight: 700;	63 $bold-weight: 700;

62	64

63 // Sizes ///////////////////////////////////////////////////////////////////////	65 // Sizes ///////////////////////////////////////////////////////////////////////

64	66

65 // Container widths	67 // Container widths

66	68

67 $content-width: $desktop-width;	69 $content-width: 960px;

68 $navbar-width: $content-width + 100px;	70 $navbar-width: $content-width + 100px;

69	71

70 // Header & Footer	72 // Header & Footer

71	73

72 $site-header-height: 70px;	74 $site-header-height: 70px;

73 $site-header-content-line-height: 40px;	75 $site-header-content-line-height: 40px;

74	76

75 // Search form	77 // Search form

76	78

77 $search-form-width: 320px;	79 $search-form-width: 320px;

78 $search-form-height: 35px;	80 $search-form-height: 35px;

79	81

80 // Spacers /////////////////////////////////////////////////////////////////////	82 // Spacers /////////////////////////////////////////////////////////////////////

81	83

82 $xl: 60px;	84 $xl: 60px;

83 $lg: 30px;	85 $lg: 30px;

84 $md: 15px;	86 $md: 15px;

85 $sm: 10px;	87 $sm: 10px;

86 $xs: 5px;	88 $xs: 5px;

87	89

88 // Columns /////////////////////////////////////////////////////////////////////	90 // Columns /////////////////////////////////////////////////////////////////////

89	91

90 // Breakpoints /////////////////////////////////////////////////////////////////	92 // Breakpoints /////////////////////////////////////////////////////////////////

91	93

92 $mobile-breakpoint: 544px;	94 $phablet-breakpoint: 576px;

93	95

94 // Placeholders ////////////////////////////////////////////////////////////////	96 // Placeholders ////////////////////////////////////////////////////////////////

LEFT	RIGHT