| OLD | NEW | 
|   1 /*! |   1 // This file is part of website-defaults | 
|   2  * This file is part of website-defaults |   2 // Copyright (C) 2016-present eyeo GmbH | 
|   3  * Copyright (C) 2016-present eyeo GmbH |   3 // | 
|   4  * |   4 // website-defaults is free software: you can redistribute it and/or | 
|   5  * website-defaults is free software: you can redistribute it and/or |   5 // 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 |   6 // the Free Software Foundation, either version 3 of the License, or | 
|   7  * the Free Software Foundation, either version 3 of the License, or |   7 // (at your option) any later version. | 
|   8  * (at your option) any later version. |   8 // | 
|   9  * |   9 // website-defaults is distributed in the hope that it will be useful, | 
|  10  * website-defaults is distributed in the hope that it will be useful, |  10 // but WITHOUT ANY WARRANTY; without even the implied warranty of | 
|  11  * but WITHOUT ANY WARRANTY; without even the implied warranty of |  11 // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the | 
|  12  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the |  12 // GNU General Public License for more details. | 
|  13  * GNU General Public License for more details. |  13 // | 
|  14  * |  14 // 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 |  15 // along with website-defaults.  If not, see <http://www.gnu.org/licenses/>. | 
|  16  * along with website-defaults.  If not, see <http://www.gnu.org/licenses/>. |  | 
|  17  */ |  | 
|  18  |  16  | 
|  19 /******************************************************************************* |  17 //////////////////////////////////////////////////////////////////////////////// | 
|  20  * Variables |  18 // Variables | 
|  21  ******************************************************************************* |  19 //////////////////////////////////////////////////////////////////////////////// | 
|  22  * ~ WARNING ~ DO NOT EDIT THIS FILE! |  20 // ~ WARNING ~ DO NOT EDIT THIS FILE! | 
|  23  * Set variables within project specfic SCSS before including website defaults. |  21 // Set variables within project specfic SCSS before including website defaults. | 
|  24  ******************************************************************************* |  22 //////////////////////////////////////////////////////////////////////////////// | 
|  25  * - Brand colors |  23 // - Brand colors | 
|  26  * - Fonts |  24 // - Fonts | 
|  27  * - Spacing |  25 // - Spacing | 
|  28  * - Breakpoints |  26 // - Breakpoints | 
|  29  ******************************************************************************/ |  27 //////////////////////////////////////////////////////////////////////////////// | 
|  30  |  28  | 
|  31 /* Brand colors |  29 // Brand colors | 
|  32  ******************************************************************************/ |  30 //////////////////////////////////////////////////////////////////////////////// | 
|  33  |  31  | 
|  34 /* Primary - The most widely used across all screens and components. */ |  32 // Primary - The most widely used across all screens and components. | 
|  35  |  33  | 
|  36 $primary: #212121 !default; |  34 $primary: #212121 !default; | 
|  37 $primary-light: #fff !default; |  35 $primary-light: #fff !default; | 
|  38 $primary-dark: #000 !default; |  36 $primary-dark: #000 !default; | 
|  39  |  37  | 
|  40 /* Secondary - Used to indicate a related action or information. */ |  38 // Secondary - Used to indicate a related action or information. | 
|  41  |  39  | 
|  42 $secondary: #9e9e9e !default; |  40 $secondary: #9e9e9e !default; | 
|  43 $secondary-light: #eee !default; |  41 $secondary-light: #eee !default; | 
|  44 $secondary-dark: #424242 !default; |  42 $secondary-dark: #424242 !default; | 
|  45  |  43  | 
|  46 /* Accent - Used for action buttons and interactive elements. */ |  44 // Accent - Used for action buttons and interactive elements. | 
|  47  |  45  | 
|  48 $accent: #1565c0 !default; |  46 $accent: #1565c0 !default; | 
|  49 $accent-light: #e3f2fd !default; |  47 $accent-light: #e3f2fd !default; | 
|  50 $accent-dark: #0d47a1 !default; |  48 $accent-dark: #0d47a1 !default; | 
|  51  |  49  | 
|  52 /* Error - Used for error messages and warnings. */ |  50 // Error - Used for error messages and warnings. | 
|  53  |  51  | 
|  54 $error: #f44336 !default; |  52 $error: #f44336 !default; | 
|  55 $error-light: #ffebee !default; |  53 $error-light: #ffebee !default; | 
|  56 $error-dark: #b71c1c !default; |  54 $error-dark: #b71c1c !default; | 
|  57  |  55  | 
|  58 /* Fonts |  56 // Fonts | 
|  59  ******************************************************************************/ |  57 //////////////////////////////////////////////////////////////////////////////// | 
|  60  |  58  | 
|  61 $primary-font: sans-serif !default; |  59 $primary-font: sans-serif !default; | 
|  62 $secondary-font: serif !default; |  60 $secondary-font: serif !default; | 
|  63 $monospace-font: monospace !default; |  61 $monospace-font: monospace !default; | 
|  64  |  62  | 
|  65 $large-font: 1.2em !default; |  63 $large-font: 1.2em !default; | 
|  66 $medium-font: 1em !default; |  64 $medium-font: 1em !default; | 
|  67 $small-font: 0.8em !default; |  65 $small-font: 0.8em !default; | 
|  68  |  66  | 
|  69 $bold-weight: 600 !default; |  67 $bold-weight: 600 !default; | 
|  70 $normal-weight: 400 !default; |  68 $normal-weight: 400 !default; | 
|  71 $thin-weight: 300 !default; |  69 $thin-weight: 300 !default; | 
|  72  |  70  | 
|  73 /* Spacing |  71 // Spacing | 
|  74  ******************************************************************************/ |  72 //////////////////////////////////////////////////////////////////////////////// | 
|  75  |  73  | 
|  76 $large-space: 4em !default; |  74 $large-space: 4em !default; | 
|  77 $medium-space: 2em !default; |  75 $medium-space: 2em !default; | 
|  78 $small-space: 1em !default; |  76 $small-space: 1em !default; | 
|  79  |  77  | 
|  80 /* Breakpoints |  78 // Breakpoints | 
|  81  ******************************************************************************/ |  79 //////////////////////////////////////////////////////////////////////////////// | 
|  82  |  80  | 
|  83 $phone-breakpoint: 320px !default; |  81 $phone-breakpoint: 320px !default; | 
|  84 $phablet-breakpoint: 576px !default; |  82 $phablet-breakpoint: 576px !default; | 
|  85 $tablet-breakpoint: 768px !default; |  83 $tablet-breakpoint: 768px !default; | 
|  86 $desktop-breakpoint: 992px !default; |  84 $desktop-breakpoint: 992px !default; | 
|  87 $large-desktop-breakpoint: 1200px !default; |  85 $large-desktop-breakpoint: 1200px !default; | 
|  88  |  86  | 
|  89 /* Container widths |  87 $enable-large-desktop: true !default; | 
|  90  ******************************************************************************/ |  88  | 
 |  89 // Container widths | 
 |  90 //////////////////////////////////////////////////////////////////////////////// | 
|  91  |  91  | 
|  92 $phone-width: auto !default; |  92 $phone-width: auto !default; | 
|  93 $phablet-width: 540px !default; |  93 $phablet-width: 540px !default; | 
|  94 $tablet-width: 720px !default; |  94 $tablet-width: 720px !default; | 
|  95 $desktop-width: 960px !default; |  95 $desktop-width: 960px !default; | 
|  96 $large-desktop-width: 1140px !default; |  96 $large-desktop-width: 1140px !default; | 
| OLD | NEW |