| OLD | NEW |
| 1 /*! | 1 /*! |
| 2 * This file is part of website-defaults | 2 * This file is part of website-defaults |
| 3 * Copyright (C) 2016-present eyeo GmbH | 3 * Copyright (C) 2016-present eyeo GmbH |
| 4 * | 4 * |
| 5 * website-defaults 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 * 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, |
| 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 website-defaults. 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 /******************************************************************************* | 19 /******************************************************************************* |
| 20 * Base styles | 20 * Base styles |
| 21 ******************************************************************************/ | 21 ******************************************************************************/ |
| 22 | 22 |
| 23 html | 23 html |
| 24 { | 24 { |
| 25 box-sizing: border-box; | |
| 26 color: $primary; | 25 color: $primary; |
| 27 background-color: $primary-light; | 26 background-color: $primary-light; |
| 28 font-family: $primary-font; | 27 font-family: $primary-font; |
| 29 line-height: 1.5; | 28 line-height: 1.5; |
| 30 } | 29 } |
| 31 | 30 |
| 32 /* Set default box-sizing (opinionated) */ | |
| 33 | |
| 34 *, | |
| 35 *:before, | |
| 36 *:after | |
| 37 { | |
| 38 box-sizing: inherit; | |
| 39 } | |
| 40 | |
| 41 /* Remove the margin in all browsers (opinionated). */ | |
| 42 | |
| 43 body | |
| 44 { | |
| 45 margin: 0px; | |
| 46 } | |
| 47 | |
| 48 /* Add the correct display in IE 9-. */ | |
| 49 | |
| 50 article, | |
| 51 aside, | |
| 52 footer, | |
| 53 header, | |
| 54 nav, | |
| 55 section, | |
| 56 main | |
| 57 { | |
| 58 display: block; | |
| 59 } | |
| 60 | |
| 61 /** | 31 /** |
| 62 * Stretch content full-width | 32 * Stretch content full-width |
| 63 */ | 33 */ |
| 64 .full-width | 34 .full-width |
| 65 { | 35 { |
| 66 display: block; | 36 display: block; |
| 67 width: 100%; | 37 width: 100%; |
| 68 margin: $small-space 0px; | 38 margin: $small-space 0px; |
| 69 } | 39 } |
| 70 | 40 |
| (...skipping 16 matching lines...) Expand all Loading... |
| 87 } | 57 } |
| 88 } | 58 } |
| 89 | 59 |
| 90 @media(min-width: $desktop-breakpoint) | 60 @media(min-width: $desktop-breakpoint) |
| 91 { | 61 { |
| 92 .container | 62 .container |
| 93 { | 63 { |
| 94 width: $desktop-width; | 64 width: $desktop-width; |
| 95 } | 65 } |
| 96 } | 66 } |
| OLD | NEW |