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

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

Issue 29581555: Noissue - Add option to enable large desktop (Closed) Base URL: https://hg.adblockplus.org/website-defaults
Patch Set: Created Oct. 17, 2017, 8:30 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 /*! 1 // This file is part of website-defaults
2 * This file is part of website-defaults 2 // Copyright (C) 2016-present eyeo GmbH
3 * Copyright (C) 2016-present eyeo GmbH 3 //
4 * 4 // website-defaults is free software: you can redistribute it and/or
5 * website-defaults is free software: you can redistribute it and/or 5 // modify it under the terms of the GNU General Public License as published by
6 * modify 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
7 * the Free Software Foundation, either version 3 of the License, or 7 // (at your option) any later version.
8 * (at your option) any later version. 8 //
9 * 9 // website-defaults is distributed in the hope that it will be useful,
10 * website-defaults is distributed in the hope that it will be useful, 10 // but WITHOUT ANY WARRANTY; without even the implied warranty of
11 * but WITHOUT ANY WARRANTY; without even the implied warranty of 11 // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
12 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 12 // GNU General Public License for more details.
13 * GNU General Public License for more details. 13 //
14 * 14 // You should have received a copy of the GNU General Public License
15 * You should have received a copy of the GNU General Public License 15 // along with website-defaults. If not, see <http://www.gnu.org/licenses/>.
16 * along with website-defaults. If not, see <http://www.gnu.org/licenses/>.
17 */
18 16
19 /******************************************************************************* 17 ////////////////////////////////////////////////////////////////////////////////
20 * Variables 18 // Variables
21 ******************************************************************************* 19 ////////////////////////////////////////////////////////////////////////////////
22 * ~ WARNING ~ DO NOT EDIT THIS FILE! 20 // ~ WARNING ~ DO NOT EDIT THIS FILE!
23 * Set variables within project specfic SCSS before including website defaults. 21 // Set variables within project specfic SCSS before including website defaults.
24 ******************************************************************************* 22 ////////////////////////////////////////////////////////////////////////////////
25 * - Brand colors 23 // - Brand colors
26 * - Fonts 24 // - Fonts
27 * - Spacing 25 // - Spacing
28 * - Breakpoints 26 // - Breakpoints
29 ******************************************************************************/ 27 ////////////////////////////////////////////////////////////////////////////////
30 28
31 /* Brand colors 29 // Brand colors
32 ******************************************************************************/ 30 ////////////////////////////////////////////////////////////////////////////////
33 31
34 /* Primary - The most widely used across all screens and components. */ 32 // Primary - The most widely used across all screens and components.
35 33
36 $primary: #212121 !default; 34 $primary: #212121 !default;
37 $primary-light: #fff !default; 35 $primary-light: #fff !default;
38 $primary-dark: #000 !default; 36 $primary-dark: #000 !default;
39 37
40 /* Secondary - Used to indicate a related action or information. */ 38 // Secondary - Used to indicate a related action or information.
41 39
42 $secondary: #9e9e9e !default; 40 $secondary: #9e9e9e !default;
43 $secondary-light: #eee !default; 41 $secondary-light: #eee !default;
44 $secondary-dark: #424242 !default; 42 $secondary-dark: #424242 !default;
45 43
46 /* Accent - Used for action buttons and interactive elements. */ 44 // Accent - Used for action buttons and interactive elements.
47 45
48 $accent: #1565c0 !default; 46 $accent: #1565c0 !default;
49 $accent-light: #e3f2fd !default; 47 $accent-light: #e3f2fd !default;
50 $accent-dark: #0d47a1 !default; 48 $accent-dark: #0d47a1 !default;
51 49
52 /* Error - Used for error messages and warnings. */ 50 // Error - Used for error messages and warnings.
53 51
54 $error: #f44336 !default; 52 $error: #f44336 !default;
55 $error-light: #ffebee !default; 53 $error-light: #ffebee !default;
56 $error-dark: #b71c1c !default; 54 $error-dark: #b71c1c !default;
57 55
58 /* Fonts 56 // Fonts
59 ******************************************************************************/ 57 ////////////////////////////////////////////////////////////////////////////////
60 58
61 $primary-font: sans-serif !default; 59 $primary-font: sans-serif !default;
62 $secondary-font: serif !default; 60 $secondary-font: serif !default;
63 $monospace-font: monospace !default; 61 $monospace-font: monospace !default;
64 62
65 $large-font: 1.2em !default; 63 $large-font: 1.2em !default;
66 $medium-font: 1em !default; 64 $medium-font: 1em !default;
67 $small-font: 0.8em !default; 65 $small-font: 0.8em !default;
68 66
69 $bold-weight: 600 !default; 67 $bold-weight: 600 !default;
70 $normal-weight: 400 !default; 68 $normal-weight: 400 !default;
71 $thin-weight: 300 !default; 69 $thin-weight: 300 !default;
72 70
73 /* Spacing 71 // Spacing
74 ******************************************************************************/ 72 ////////////////////////////////////////////////////////////////////////////////
75 73
76 $large-space: 4em !default; 74 $large-space: 4em !default;
77 $medium-space: 2em !default; 75 $medium-space: 2em !default;
78 $small-space: 1em !default; 76 $small-space: 1em !default;
79 77
80 /* Breakpoints 78 // Breakpoints
81 ******************************************************************************/ 79 ////////////////////////////////////////////////////////////////////////////////
82 80
83 $phone-breakpoint: 320px !default; 81 $phone-breakpoint: 320px !default;
84 $phablet-breakpoint: 576px !default; 82 $phablet-breakpoint: 576px !default;
85 $tablet-breakpoint: 768px !default; 83 $tablet-breakpoint: 768px !default;
86 $desktop-breakpoint: 992px !default; 84 $desktop-breakpoint: 992px !default;
87 $large-desktop-breakpoint: 1200px !default; 85 $large-desktop-breakpoint: 1200px !default;
88 86
89 /* Container widths 87 $enable-large-desktop: true !default;
ire 2017/10/17 08:33:45 I added this
90 ******************************************************************************/ 88
89 // Container widths
90 ////////////////////////////////////////////////////////////////////////////////
91 91
92 $phone-width: auto !default; 92 $phone-width: auto !default;
93 $phablet-width: 540px !default; 93 $phablet-width: 540px !default;
94 $tablet-width: 720px !default; 94 $tablet-width: 720px !default;
95 $desktop-width: 960px !default; 95 $desktop-width: 960px !default;
96 $large-desktop-width: 1140px !default; 96 $large-desktop-width: 1140px !default;
OLDNEW

Powered by Google App Engine
This is Rietveld