OLD | NEW |
1 /*! | 1 /*! |
2 * This file is part of universal-design-language | 2 * This file is part of universal-design-language |
3 * Copyright (C) 2016 Eyeo GmbH | 3 * Copyright (C) 2016 Eyeo GmbH |
4 * | 4 * |
5 * universal-design-language is free software: you can redistribute it and/or | 5 * universal-design-language 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 * universal-design-language is distributed in the hope that it will be useful, | 10 * universal-design-language 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 web.starter-kit. If not, see <http://www.gnu.org/licenses/>. | 16 * along with web.starter-kit. If not, see <http://www.gnu.org/licenses/>. |
17 */ | 17 */ |
18 | 18 |
19 /* set box-sizing to border-box | 19 /** UDL browser reset */ |
20 * @see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-be
st-practice/ | 20 |
| 21 /*! |
| 22 * This file contains parts of: |
| 23 * - normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css |
21 */ | 24 */ |
22 | 25 |
| 26 /* stylelint-disable no-unsupported-browser-features */ |
| 27 |
| 28 /* Set default box-sizing (opinionated) */ |
| 29 |
23 html | 30 html |
24 { | 31 { |
25 box-sizing: border-box; | 32 box-sizing: border-box; |
26 } | 33 } |
27 | 34 |
28 *, | 35 *, |
29 *::before, | 36 *:before, |
30 *::after | 37 *:after |
31 { | 38 { |
32 box-sizing: inherit; | 39 box-sizing: inherit; |
33 } | 40 } |
34 | 41 |
35 /* set top level fonts and colors */ | 42 /* Remove the margin in all browsers (opinionated). */ |
36 | 43 |
37 body | 44 body |
38 { | 45 { |
39 font-size: $medium-font; | 46 margin: 0px; |
40 color: $primary-foreground; | |
41 background-color: $primary-background; | |
42 } | 47 } |
43 | 48 |
44 /* set consistent margins */ | 49 /* Add the correct display in IE 9-. */ |
45 | 50 |
46 h1, | 51 article, |
47 h2, | 52 aside, |
48 h3, | 53 footer, |
49 h4, | 54 header, |
50 h5, | 55 nav, |
51 h6, | 56 section, |
52 p, | 57 figcaption, |
53 ol, | |
54 ul, | |
55 dl, | |
56 figure, | 58 figure, |
57 blockquote | 59 main |
58 { | 60 { |
59 margin: $small-space 0; | 61 display: block; |
60 } | 62 } |
61 | 63 |
62 li | 64 /* Add the correct display in IE 10-. */ |
| 65 |
| 66 [hidden] |
63 { | 67 { |
64 margin: $small-space / 2 0; | 68 display: none; |
65 } | 69 } |
66 | |
67 dd | |
68 { | |
69 margin: $small-space / 2 0 $small-space 0; | |
70 } | |
71 | |
72 [dir="ltr"] ol, | |
73 [dir="ltr"] ul | |
74 { | |
75 padding-left: $medium-space; | |
76 } | |
77 | |
78 [dir="rtl"] ol, | |
79 [dir="rtl"] ul | |
80 { | |
81 padding-right: $medium-space; | |
82 } | |
83 | |
84 ol ol, | |
85 ul ul, | |
86 ol ul, | |
87 ul ol | |
88 { | |
89 /* prevent double spacing lists */ | |
90 margin: 0; | |
91 } | |
92 | |
93 dt | |
94 { | |
95 /* undo browser default */ | |
96 font-weight: $bold-weight; | |
97 } | |
98 | |
99 dd | |
100 { | |
101 /* undo browser default */ | |
102 margin-bottom: $small-space; | |
103 } | |
104 | |
105 small | |
106 { | |
107 font-size: $small-font; | |
108 } | |
109 | |
110 abbr[data-original-title] | |
111 { | |
112 cursor: help; | |
113 } | |
114 | |
115 input, | |
116 button, | |
117 select, | |
118 textarea | |
119 { | |
120 /* undo browser default */ | |
121 line-height: inherit; | |
122 } | |
123 | |
124 /* undo browser default */ | |
125 | |
126 [dir="ltr"] th | |
127 { | |
128 text-align: left; | |
129 } | |
130 | |
131 [dir="rtl"] th | |
132 { | |
133 text-align: right; | |
134 } | |
135 | |
136 /* remove image borders lt IE 10 */ | |
137 | |
138 a img | |
139 { | |
140 border:none; | |
141 outline:none; | |
142 } | |
143 | |
144 /* undo browser defaults */ | |
145 | |
146 fieldset | |
147 { | |
148 min-width: 0; | |
149 padding: 0; | |
150 margin: 0; | |
151 border: 0; | |
152 } | |
153 | |
154 legend | |
155 { | |
156 display: block; | |
157 width: 100%; | |
158 padding: 0; | |
159 margin: $small-space 0; | |
160 font-size: $medium-font; | |
161 line-height: inherit; | |
162 } | |
OLD | NEW |