Unified Diff: scss/_variables.scss
Issue 29361647:
Issue 4607 - Default content styles (Closed)
Patch Set: Removed extra list items and changed image text capitilization
Created Nov. 17, 2016, 4:17 p.m.
Use n/p to move between diff chunks;
N/P to move between comments.
« scss/_content.scss ('K')
|
« scss/_reset.scss ('k')
|
scss/main.scss » ('j')
|
no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| Index: scss/_variables.scss |
| =================================================================== |
| new file mode 100644 |
| --- /dev/null |
| +++ b/scss/_variables.scss |
| @@ -0,0 +1,90 @@ |
| +/*! |
| + * This file is part of universal-design-language |
| + * Copyright (C) 2016 Eyeo GmbH |
| + * |
| + * universal-design-language is free software: you can redistribute it and/or |
| + * modify it under the terms of the GNU General Public License as published by |
| + * the Free Software Foundation, either version 3 of the License, or |
| + * (at your option) any later version. |
| + * |
| + * universal-design-language 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 web.starter-kit. If not, see <http://www.gnu.org/licenses/>. |
| + */ |
| + |
| +/* UDL variables |
| + ******************************************************************************* |
| + * ~ WARNING ~ DO NOT EDIT THIS FILE! |
| + * Set variables within project specfic SCSS before including UDL styles. |
| + ******************************************************************************* |
| + * - Brand colors |
| + * - Fonts |
| + * - Spacing |
| + * - Breakpoints |
| + ******************************************************************************/ |
| + |
| +/* Brand colors |
| + ******************************************************************************/ |
| + |
| +/* Primary - The most widely used across all screens and components. */ |
| + |
| +$primary: #212121 !default; |
| +$primary-light: #fafafa !default; |
| +$primary-dark: #000 !default; |
| + |
| +/* Secondary - Used to indicate a related action or information. */ |
| + |
| +$secondary: #9e9e9e !default; |
| +$secondary-light: #9e9e9e !default; |
| +$secondary-dark: #424242 !default; |
| + |
| +/* Accent - Used for action buttons and interactive elements. */ |
| + |
| +$accent: #1565c0 !default; |
| +$accent-light: #e3f2fd !default; |
| +$accent-dark: #0d47a1 !default; |
| + |
| +/* Error - Used for error messages and warnings. */ |
| + |
| +$error: #f44336 !default; |
| +$error-light: #ffebee !default; |
| +$error-dark: #b71c1c !default; |
| + |
| +/* Fonts |
| + ******************************************************************************/ |
| + |
| +$primary-font: sans-serif !default; |
| +$secondary-font: serif !default; |
| +$monospace-font: monospace !default; |
| + |
| +$large-font: 20px !default; |
| +$medium-font: 16px !default; |
| +$small-font: 12px !default; |
| + |
| +$bold-weight: 600 !default; |
| +$normal-weight: 400 !default; |
| +$thin-weight: 300 !default; |
| + |
| +/* Spacing |
| + ******************************************************************************/ |
| + |
| +$large-space: 64px !default; |
| +$medium-space: 32px !default; |
| +$small-space: 16px !default; |
| + |
| +/* Breakpoints |
| + ******************************************************************************/ |
| + |
| +$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.
|
| +$desktop-breakpoint: 992px !default; |
| + |
| +/* 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.
|
| + ******************************************************************************/ |
| + |
| +$mobile-width: 540px !default; |
| +$tablet-width: 720px !default; |
| +$desktop-width: 960px !default; |
« scss/_content.scss ('K')
|
« scss/_reset.scss ('k')
|
scss/main.scss » ('j')
|
no next file with comments »
