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

Side by Side Diff: scss/_variables.scss

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

Powered by Google App Engine
This is Rietveld