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

Side by Side Diff: static/scss/base/_variables.scss

Issue 29485575: Issue 5385 - Create Site Header Component for Help Center (Closed)
Patch Set: Implement navbar-collapse Created Aug. 25, 2017, 8:25 a.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
OLDNEW
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 33 matching lines...) Expand 10 before | Expand all | Expand 10 after
44 44
45 // Font sizes (headings) 45 // Font sizes (headings)
46 46
47 $font-size-h1: 3em; 47 $font-size-h1: 3em;
48 $font-size-h2: 2em; 48 $font-size-h2: 2em;
49 $font-size-h3: 1.4em; 49 $font-size-h3: 1.4em;
50 $font-size-h4: 1em; 50 $font-size-h4: 1em;
51 $font-size-h5: $font-size-h4; 51 $font-size-h5: $font-size-h4;
52 $font-size-h6: $font-size-h4; 52 $font-size-h6: $font-size-h4;
53 53
54 // Font sizes (general)
55
56 $small-font: 0.9em;
57 $tiny-font: 0.8em;
58
54 // Font weights 59 // Font weights
55 60
56 $bold-weight: 700; 61 $bold-weight: 700;
57 62
58 // Sizes /////////////////////////////////////////////////////////////////////// 63 // Sizes ///////////////////////////////////////////////////////////////////////
59 64
65 // Container widths
66
67 $content-width: $desktop-width;
68 $navbar-width: $content-width + 100px;
69
70 // Header & Footer
71
72 $site-header-height: 70px;
73 $site-header-content-line-height: 40px;
74
75 // Search form
76
77 $search-form-width: 320px;
78 $search-form-height: 35px;
79
60 // Spacers ///////////////////////////////////////////////////////////////////// 80 // Spacers /////////////////////////////////////////////////////////////////////
61 81
82 $xl: 60px;
83 $lg: 30px;
84 $md: 15px;
85 $sm: 10px;
86 $xs: 5px;
87
62 // Columns ///////////////////////////////////////////////////////////////////// 88 // Columns /////////////////////////////////////////////////////////////////////
63 89
64 // Breakpoints ///////////////////////////////////////////////////////////////// 90 // Breakpoints /////////////////////////////////////////////////////////////////
65 91
66 // Placeholders //////////////////////////////////////////////////////////////// 92 $mobile-breakpoint: 544px;
93
94 // Placeholders ////////////////////////////////////////////////////////////////
OLDNEW

Powered by Google App Engine
This is Rietveld