| OLD | NEW |
| 1 // This file is part of website-defaults | 1 // This file is part of website-defaults |
| 2 // Copyright (C) 2016-present eyeo GmbH | 2 // Copyright (C) 2016-present eyeo GmbH |
| 3 // | 3 // |
| 4 // website-defaults is free software: you can redistribute it and/or | 4 // 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 | 5 // 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 | 6 // the Free Software Foundation, either version 3 of the License, or |
| 7 // (at your option) any later version. | 7 // (at your option) any later version. |
| 8 // | 8 // |
| 9 // website-defaults is distributed in the hope that it will be useful, | 9 // website-defaults is distributed in the hope that it will be useful, |
| 10 // but WITHOUT ANY WARRANTY; without even the implied warranty of | 10 // but WITHOUT ANY WARRANTY; without even the implied warranty of |
| 11 // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | 11 // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
| 12 // GNU General Public License for more details. | 12 // GNU General Public License for more details. |
| 13 // | 13 // |
| 14 // You should have received a copy of the GNU General Public License | 14 // 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/>. | 15 // along with website-defaults. If not, see <http://www.gnu.org/licenses/>. |
| 16 | 16 |
| 17 /******************************************************************************* | 17 /******************************************************************************* |
| 18 * Base styles | 18 * Base styles |
| 19 ******************************************************************************/ | 19 ******************************************************************************/ |
| 20 | 20 |
| 21 html | 21 html |
| 22 { | 22 { |
| 23 color: $primary; | 23 color: $primary; |
| 24 background-color: $primary-light; | 24 background-color: $primary-light; |
| 25 font-family: $primary-font; | 25 font-family: $primary-font; |
| 26 line-height: 1.5; | 26 line-height: 1.5; |
| 27 } | 27 } |
| 28 | 28 |
| 29 /** | 29 /** |
| 30 * Stretch content full-width | |
| 31 */ | |
| 32 .full-width | |
| 33 { | |
| 34 display: block; | |
| 35 width: 100%; | |
| 36 margin: $small-space 0px; | |
| 37 } | |
| 38 | |
| 39 /** | |
| 40 * Center content within a (responsive) fixed width | 30 * Center content within a (responsive) fixed width |
| 41 */ | 31 */ |
| 42 .container | 32 .container |
| 43 { | 33 { |
| 44 width: $phone-width; | 34 width: $phone-width; |
| 45 max-width: 100%; | 35 max-width: 100%; |
| 46 margin: 0px auto; | 36 margin: 0px auto; |
| 47 padding: 0px $small-space; | 37 padding: 0px $small-space; |
| 48 } | 38 } |
| 49 | 39 |
| (...skipping 14 matching lines...) Expand all Loading... |
| 64 } | 54 } |
| 65 | 55 |
| 66 @media(min-width: $large-desktop-breakpoint) | 56 @media(min-width: $large-desktop-breakpoint) |
| 67 { | 57 { |
| 68 .container | 58 .container |
| 69 { | 59 { |
| 70 width: $large-desktop-width; | 60 width: $large-desktop-width; |
| 71 } | 61 } |
| 72 } | 62 } |
| 73 | 63 |
| 74 .clearfix:after, | |
| 75 .clearfix:before | |
| 76 { | |
| 77 display: table; | |
| 78 content: " "; | |
| 79 } | |
| 80 | |
| 81 .clearfix:after | |
| 82 { | |
| 83 clear: both; | |
| 84 } | |
| OLD | NEW |