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 |