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

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.
Jump to:
View side-by-side diff with in-line comments
Download patch
« scss/_content.scss ('K') | « scss/_reset.scss ('k') | scss/main.scss » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments 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 »

Powered by Google App Engine
This is Rietveld