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: Addressed smaller comments Created July 21, 2017, 10:19 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
@@ -7,17 +7,17 @@
// (at your option) any later version.
//
// help.eyeo.com is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
-// along with acceptableads.org. If not, see <http://www.gnu.org/licenses/>.
+// along with help.eyeo.com. If not, see <http://www.gnu.org/licenses/>.
// Colors //////////////////////////////////////////////////////////////////////
// Grayscale
$white: #fff;
$gray: #D2D2D2;
$gray-light: #ECECEC;
@@ -46,21 +46,44 @@
$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-max-width: 90%;
+$content-width: $desktop-width;
+$navbar-width: $content-width + 100px;
+
+// Header & Footer
+
+$site-header-height: 65px;
+$site-header-content-line-height: 40px;
+
+// Search form
+
+$search-form-width: 320px;
+$search-form-height: 35px;
+
// Spacers /////////////////////////////////////////////////////////////////////
// Columns /////////////////////////////////////////////////////////////////////
// Breakpoints /////////////////////////////////////////////////////////////////
-// Placeholders ////////////////////////////////////////////////////////////////
+$mobile-breakpoint: 544px;
+
+// 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