LEFT | RIGHT |
1 /*! | 1 /*! |
2 * This file is part of universal-design-language | 2 * This file is part of website-defaults |
3 * Copyright (C) 2016 Eyeo GmbH | 3 * Copyright (C) 2016 Eyeo GmbH |
4 * | 4 * |
5 * universal-design-language is free software: you can redistribute it and/or | 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 | 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 | 7 * the Free Software Foundation, either version 3 of the License, or |
8 * (at your option) any later version. | 8 * (at your option) any later version. |
9 * | 9 * |
10 * universal-design-language is distributed in the hope that it will be useful, | 10 * website-defaults is distributed in the hope that it will be useful, |
11 * but WITHOUT ANY WARRANTY; without even the implied warranty of | 11 * but WITHOUT ANY WARRANTY; without even the implied warranty of |
12 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | 12 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
13 * GNU General Public License for more details. | 13 * GNU General Public License for more details. |
14 * | 14 * |
15 * 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 |
16 * along with web.starter-kit. If not, see <http://www.gnu.org/licenses/>. | 16 * along with website-defaults. If not, see <http://www.gnu.org/licenses/>. |
17 */ | 17 */ |
18 | 18 |
19 /* UDL variables | 19 /******************************************************************************* |
| 20 * Variables |
20 ******************************************************************************* | 21 ******************************************************************************* |
21 * ~ WARNING ~ DO NOT EDIT THIS FILE! | 22 * ~ WARNING ~ DO NOT EDIT THIS FILE! |
22 * Set variables within project specfic SCSS before including UDL styles. | 23 * Set variables within project specfic SCSS before including website defaults. |
23 ******************************************************************************* | 24 ******************************************************************************* |
24 * - Brand colors | 25 * - Brand colors |
25 * - Fonts | 26 * - Fonts |
26 * - Spacing | 27 * - Spacing |
27 * - Breakpoints | 28 * - Breakpoints |
28 ******************************************************************************/ | 29 ******************************************************************************/ |
29 | 30 |
30 /* Brand colors | 31 /* Brand colors |
31 ******************************************************************************/ | 32 ******************************************************************************/ |
32 | 33 |
33 /* Primary - The most widely used across all screens and components. */ | 34 /* Primary - The most widely used across all screens and components. */ |
34 | 35 |
35 $primary: #212121 !default; | 36 $primary: #212121 !default; |
36 $primary-light: #fafafa !default; | 37 $primary-light: #fff !default; |
37 $primary-dark: #000 !default; | 38 $primary-dark: #000 !default; |
38 | 39 |
39 /* Secondary - Used to indicate a related action or information. */ | 40 /* Secondary - Used to indicate a related action or information. */ |
40 | 41 |
41 $secondary: #9e9e9e !default; | 42 $secondary: #9e9e9e !default; |
42 $secondary-light: #9e9e9e !default; | 43 $secondary-light: #eee !default; |
43 $secondary-dark: #424242 !default; | 44 $secondary-dark: #424242 !default; |
44 | 45 |
45 /* Accent - Used for action buttons and interactive elements. */ | 46 /* Accent - Used for action buttons and interactive elements. */ |
46 | 47 |
47 $accent: #1565c0 !default; | 48 $accent: #1565c0 !default; |
48 $accent-light: #e3f2fd !default; | 49 $accent-light: #e3f2fd !default; |
49 $accent-dark: #0d47a1 !default; | 50 $accent-dark: #0d47a1 !default; |
50 | 51 |
51 /* Error - Used for error messages and warnings. */ | 52 /* Error - Used for error messages and warnings. */ |
52 | 53 |
(...skipping 19 matching lines...) Expand all Loading... |
72 /* Spacing | 73 /* Spacing |
73 ******************************************************************************/ | 74 ******************************************************************************/ |
74 | 75 |
75 $large-space: 64px !default; | 76 $large-space: 64px !default; |
76 $medium-space: 32px !default; | 77 $medium-space: 32px !default; |
77 $small-space: 16px !default; | 78 $small-space: 16px !default; |
78 | 79 |
79 /* Breakpoints | 80 /* Breakpoints |
80 ******************************************************************************/ | 81 ******************************************************************************/ |
81 | 82 |
82 $tablet-breakpoint: 768px !default; | 83 $tablet-breakpoint: 768px; |
83 $desktop-breakpoint: 992px !default; | 84 $desktop-breakpoint: 992px; |
84 | 85 |
85 /* Container widths | 86 /* Container widths |
86 ******************************************************************************/ | 87 ******************************************************************************/ |
87 | 88 |
88 $mobile-width: 540px !default; | 89 $mobile-width: 540px !default; |
89 $tablet-width: 720px !default; | 90 $tablet-width: 720px !default; |
90 $desktop-width: 960px !default; | 91 $desktop-width: 960px !default; |
LEFT | RIGHT |