Left: | ||
Right: |
OLD | NEW |
---|---|
(Empty) | |
1 /*! | |
2 * This file is part of universal-design-language | |
3 * Copyright (C) 2016 Eyeo GmbH | |
4 * | |
5 * universal-design-language 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 * universal-design-language 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 web.starter-kit. If not, see <http://www.gnu.org/licenses/>. | |
17 */ | |
18 | |
19 /* UDL variables | |
20 ******************************************************************************* | |
21 * ~ WARNING ~ DO NOT EDIT THIS FILE! | |
22 * Set variables within project specfic SCSS before including UDL styles. | |
23 ******************************************************************************* | |
24 * - Brand colors | |
25 * - Fonts | |
26 * - Spacing | |
27 * - Breakpoints | |
28 ******************************************************************************/ | |
29 | |
30 /* Brand colors | |
31 ******************************************************************************/ | |
32 | |
33 /* Primary - The most widely used across all screens and components. */ | |
34 | |
35 $primary: #212121 !default; | |
36 $primary-light: #fafafa !default; | |
37 $primary-dark: #000 !default; | |
38 | |
39 /* Secondary - Used to indicate a related action or information. */ | |
40 | |
41 $secondary: #9e9e9e !default; | |
42 $secondary-light: #9e9e9e !default; | |
43 $secondary-dark: #424242 !default; | |
44 | |
45 /* Accent - Used for action buttons and interactive elements. */ | |
46 | |
47 $accent: #1565c0 !default; | |
48 $accent-light: #e3f2fd !default; | |
49 $accent-dark: #0d47a1 !default; | |
50 | |
51 /* Error - Used for error messages and warnings. */ | |
52 | |
53 $error: #f44336 !default; | |
54 $error-light: #ffebee !default; | |
55 $error-dark: #b71c1c !default; | |
56 | |
57 /* Fonts | |
58 ******************************************************************************/ | |
59 | |
60 $primary-font: sans-serif !default; | |
61 $secondary-font: serif !default; | |
62 $monospace-font: monospace !default; | |
63 | |
64 $large-font: 20px !default; | |
65 $medium-font: 16px !default; | |
66 $small-font: 12px !default; | |
67 | |
68 $bold-weight: 600 !default; | |
69 $normal-weight: 400 !default; | |
70 $thin-weight: 300 !default; | |
71 | |
72 /* Spacing | |
73 ******************************************************************************/ | |
74 | |
75 $large-space: 64px !default; | |
76 $medium-space: 32px !default; | |
77 $small-space: 16px !default; | |
78 | |
79 /* Breakpoints | |
80 ******************************************************************************/ | |
81 | |
82 $tablet-breakpoint: 768px !default; | |
saroyanm
2016/11/24 15:18:44
We will remove "!default", because people should n
juliandoucette
2016/11/25 16:28:45
Done.
| |
83 $desktop-breakpoint: 992px !default; | |
84 | |
85 /* Container widths | |
saroyanm
2016/11/21 18:44:41
Not sure if we need this variables, see my comment
juliandoucette
2016/11/22 00:54:05
Acknowledged.
See my comment on the other page.
juliandoucette
2016/11/25 16:28:44
Done.
| |
86 ******************************************************************************/ | |
87 | |
88 $mobile-width: 540px !default; | |
89 $tablet-width: 720px !default; | |
90 $desktop-width: 960px !default; | |
OLD | NEW |