LEFT | RIGHT |
(no file at all) | |
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 } | |
31 | |
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 } | 29 } |
60 | 30 |
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; |
(...skipping 18 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 } |
LEFT | RIGHT |