Commit | Line | Data |
---|---|---|
7a00c409 BA |
1 | /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ |
2 | ||
3 | /* Document | |
4 | ========================================================================== */ | |
5 | ||
6 | /** | |
7 | * 1. Correct the line height in all browsers. | |
8 | * 2. Prevent adjustments of font size after orientation changes in | |
9 | * IE on Windows Phone and in iOS. | |
10 | */ | |
11 | ||
12 | html { | |
13 | line-height: 1.15; /* 1 */ | |
14 | -ms-text-size-adjust: 100%; /* 2 */ | |
15 | -webkit-text-size-adjust: 100%; /* 2 */ | |
16 | } | |
17 | ||
18 | /* Sections | |
19 | ========================================================================== */ | |
20 | ||
21 | /** | |
22 | * Remove the margin in all browsers (opinionated). | |
23 | */ | |
24 | ||
25 | body { | |
26 | margin: 0; | |
27 | } | |
28 | ||
29 | /** | |
30 | * Add the correct display in IE 9-. | |
31 | */ | |
32 | ||
33 | article, | |
34 | aside, | |
35 | footer, | |
36 | header, | |
37 | nav, | |
38 | section { | |
39 | display: block; | |
40 | } | |
41 | ||
42 | /** | |
43 | * Correct the font size and margin on `h1` elements within `section` and | |
44 | * `article` contexts in Chrome, Firefox, and Safari. | |
45 | */ | |
46 | ||
47 | h1 { | |
48 | font-size: 2em; | |
49 | margin: 0.67em 0; | |
50 | } | |
51 | ||
52 | /* Grouping content | |
53 | ========================================================================== */ | |
54 | ||
55 | /** | |
56 | * Add the correct display in IE 9-. | |
57 | * 1. Add the correct display in IE. | |
58 | */ | |
59 | ||
60 | figcaption, | |
61 | figure, | |
62 | main { /* 1 */ | |
63 | display: block; | |
64 | } | |
65 | ||
66 | /** | |
67 | * Add the correct margin in IE 8. | |
68 | */ | |
69 | ||
70 | figure { | |
71 | margin: 1em 40px; | |
72 | } | |
73 | ||
74 | /** | |
75 | * 1. Add the correct box sizing in Firefox. | |
76 | * 2. Show the overflow in Edge and IE. | |
77 | */ | |
78 | ||
79 | hr { | |
80 | box-sizing: content-box; /* 1 */ | |
81 | height: 0; /* 1 */ | |
82 | overflow: visible; /* 2 */ | |
83 | } | |
84 | ||
85 | /** | |
86 | * 1. Correct the inheritance and scaling of font size in all browsers. | |
87 | * 2. Correct the odd `em` font sizing in all browsers. | |
88 | */ | |
89 | ||
90 | pre { | |
91 | font-family: monospace, monospace; /* 1 */ | |
92 | font-size: 1em; /* 2 */ | |
93 | } | |
94 | ||
95 | /* Text-level semantics | |
96 | ========================================================================== */ | |
97 | ||
98 | /** | |
99 | * 1. Remove the gray background on active links in IE 10. | |
100 | * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. | |
101 | */ | |
102 | ||
103 | a { | |
104 | background-color: transparent; /* 1 */ | |
105 | -webkit-text-decoration-skip: objects; /* 2 */ | |
106 | } | |
107 | ||
108 | /** | |
109 | * 1. Remove the bottom border in Chrome 57- and Firefox 39-. | |
110 | * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. | |
111 | */ | |
112 | ||
113 | abbr[title] { | |
114 | border-bottom: none; /* 1 */ | |
115 | text-decoration: underline; /* 2 */ | |
116 | text-decoration: underline dotted; /* 2 */ | |
117 | } | |
118 | ||
119 | /** | |
120 | * Prevent the duplicate application of `bolder` by the next rule in Safari 6. | |
121 | */ | |
122 | ||
123 | b, | |
124 | strong { | |
125 | font-weight: inherit; | |
126 | } | |
127 | ||
128 | /** | |
129 | * Add the correct font weight in Chrome, Edge, and Safari. | |
130 | */ | |
131 | ||
132 | b, | |
133 | strong { | |
134 | font-weight: bolder; | |
135 | } | |
136 | ||
137 | /** | |
138 | * 1. Correct the inheritance and scaling of font size in all browsers. | |
139 | * 2. Correct the odd `em` font sizing in all browsers. | |
140 | */ | |
141 | ||
142 | code, | |
143 | kbd, | |
144 | samp { | |
145 | font-family: monospace, monospace; /* 1 */ | |
146 | font-size: 1em; /* 2 */ | |
147 | } | |
148 | ||
149 | /** | |
150 | * Add the correct font style in Android 4.3-. | |
151 | */ | |
152 | ||
153 | dfn { | |
154 | font-style: italic; | |
155 | } | |
156 | ||
157 | /** | |
158 | * Add the correct background and color in IE 9-. | |
159 | */ | |
160 | ||
161 | mark { | |
162 | background-color: #ff0; | |
163 | color: #000; | |
164 | } | |
165 | ||
166 | /** | |
167 | * Add the correct font size in all browsers. | |
168 | */ | |
169 | ||
170 | small { | |
171 | font-size: 80%; | |
172 | } | |
173 | ||
174 | /** | |
175 | * Prevent `sub` and `sup` elements from affecting the line height in | |
176 | * all browsers. | |
177 | */ | |
178 | ||
179 | sub, | |
180 | sup { | |
181 | font-size: 75%; | |
182 | line-height: 0; | |
183 | position: relative; | |
184 | vertical-align: baseline; | |
185 | } | |
186 | ||
187 | sub { | |
188 | bottom: -0.25em; | |
189 | } | |
190 | ||
191 | sup { | |
192 | top: -0.5em; | |
193 | } | |
194 | ||
195 | /* Embedded content | |
196 | ========================================================================== */ | |
197 | ||
198 | /** | |
199 | * Add the correct display in IE 9-. | |
200 | */ | |
201 | ||
202 | audio, | |
203 | video { | |
204 | display: inline-block; | |
205 | } | |
206 | ||
207 | /** | |
208 | * Add the correct display in iOS 4-7. | |
209 | */ | |
210 | ||
211 | audio:not([controls]) { | |
212 | display: none; | |
213 | height: 0; | |
214 | } | |
215 | ||
216 | /** | |
217 | * Remove the border on images inside links in IE 10-. | |
218 | */ | |
219 | ||
220 | img { | |
221 | border-style: none; | |
222 | } | |
223 | ||
224 | /** | |
225 | * Hide the overflow in IE. | |
226 | */ | |
227 | ||
228 | svg:not(:root) { | |
229 | overflow: hidden; | |
230 | } | |
231 | ||
232 | /* Forms | |
233 | ========================================================================== */ | |
234 | ||
235 | /** | |
236 | * 1. Change the font styles in all browsers (opinionated). | |
237 | * 2. Remove the margin in Firefox and Safari. | |
238 | */ | |
239 | ||
240 | button, | |
241 | input, | |
242 | optgroup, | |
243 | select, | |
244 | textarea { | |
245 | font-family: sans-serif; /* 1 */ | |
246 | font-size: 100%; /* 1 */ | |
247 | line-height: 1.15; /* 1 */ | |
248 | margin: 0; /* 2 */ | |
249 | } | |
250 | ||
251 | /** | |
252 | * Show the overflow in IE. | |
253 | * 1. Show the overflow in Edge. | |
254 | */ | |
255 | ||
256 | button, | |
257 | input { /* 1 */ | |
258 | overflow: visible; | |
259 | } | |
260 | ||
261 | /** | |
262 | * Remove the inheritance of text transform in Edge, Firefox, and IE. | |
263 | * 1. Remove the inheritance of text transform in Firefox. | |
264 | */ | |
265 | ||
266 | button, | |
267 | select { /* 1 */ | |
268 | text-transform: none; | |
269 | } | |
270 | ||
271 | /** | |
272 | * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` | |
273 | * controls in Android 4. | |
274 | * 2. Correct the inability to style clickable types in iOS and Safari. | |
275 | */ | |
276 | ||
277 | button, | |
278 | html [type="button"], /* 1 */ | |
279 | [type="reset"], | |
280 | [type="submit"] { | |
281 | -webkit-appearance: button; /* 2 */ | |
282 | } | |
283 | ||
284 | /** | |
285 | * Remove the inner border and padding in Firefox. | |
286 | */ | |
287 | ||
288 | button::-moz-focus-inner, | |
289 | [type="button"]::-moz-focus-inner, | |
290 | [type="reset"]::-moz-focus-inner, | |
291 | [type="submit"]::-moz-focus-inner { | |
292 | border-style: none; | |
293 | padding: 0; | |
294 | } | |
295 | ||
296 | /** | |
297 | * Restore the focus styles unset by the previous rule. | |
298 | */ | |
299 | ||
300 | button:-moz-focusring, | |
301 | [type="button"]:-moz-focusring, | |
302 | [type="reset"]:-moz-focusring, | |
303 | [type="submit"]:-moz-focusring { | |
304 | outline: 1px dotted ButtonText; | |
305 | } | |
306 | ||
307 | /** | |
308 | * Correct the padding in Firefox. | |
309 | */ | |
310 | ||
311 | fieldset { | |
312 | padding: 0.35em 0.75em 0.625em; | |
313 | } | |
314 | ||
315 | /** | |
316 | * 1. Correct the text wrapping in Edge and IE. | |
317 | * 2. Correct the color inheritance from `fieldset` elements in IE. | |
318 | * 3. Remove the padding so developers are not caught out when they zero out | |
319 | * `fieldset` elements in all browsers. | |
320 | */ | |
321 | ||
322 | legend { | |
323 | box-sizing: border-box; /* 1 */ | |
324 | color: inherit; /* 2 */ | |
325 | display: table; /* 1 */ | |
326 | max-width: 100%; /* 1 */ | |
327 | padding: 0; /* 3 */ | |
328 | white-space: normal; /* 1 */ | |
329 | } | |
330 | ||
331 | /** | |
332 | * 1. Add the correct display in IE 9-. | |
333 | * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. | |
334 | */ | |
335 | ||
336 | progress { | |
337 | display: inline-block; /* 1 */ | |
338 | vertical-align: baseline; /* 2 */ | |
339 | } | |
340 | ||
341 | /** | |
342 | * Remove the default vertical scrollbar in IE. | |
343 | */ | |
344 | ||
345 | textarea { | |
346 | overflow: auto; | |
347 | } | |
348 | ||
349 | /** | |
350 | * 1. Add the correct box sizing in IE 10-. | |
351 | * 2. Remove the padding in IE 10-. | |
352 | */ | |
353 | ||
354 | [type="checkbox"], | |
355 | [type="radio"] { | |
356 | box-sizing: border-box; /* 1 */ | |
357 | padding: 0; /* 2 */ | |
358 | } | |
359 | ||
360 | /** | |
361 | * Correct the cursor style of increment and decrement buttons in Chrome. | |
362 | */ | |
363 | ||
364 | [type="number"]::-webkit-inner-spin-button, | |
365 | [type="number"]::-webkit-outer-spin-button { | |
366 | height: auto; | |
367 | } | |
368 | ||
369 | /** | |
370 | * 1. Correct the odd appearance in Chrome and Safari. | |
371 | * 2. Correct the outline style in Safari. | |
372 | */ | |
373 | ||
374 | [type="search"] { | |
375 | -webkit-appearance: textfield; /* 1 */ | |
376 | outline-offset: -2px; /* 2 */ | |
377 | } | |
378 | ||
379 | /** | |
380 | * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. | |
381 | */ | |
382 | ||
383 | [type="search"]::-webkit-search-cancel-button, | |
384 | [type="search"]::-webkit-search-decoration { | |
385 | -webkit-appearance: none; | |
386 | } | |
387 | ||
388 | /** | |
389 | * 1. Correct the inability to style clickable types in iOS and Safari. | |
390 | * 2. Change font properties to `inherit` in Safari. | |
391 | */ | |
392 | ||
393 | ::-webkit-file-upload-button { | |
394 | -webkit-appearance: button; /* 1 */ | |
395 | font: inherit; /* 2 */ | |
396 | } | |
397 | ||
398 | /* Interactive | |
399 | ========================================================================== */ | |
400 | ||
401 | /* | |
402 | * Add the correct display in IE 9-. | |
403 | * 1. Add the correct display in Edge, IE, and Firefox. | |
404 | */ | |
405 | ||
406 | details, /* 1 */ | |
407 | menu { | |
408 | display: block; | |
409 | } | |
410 | ||
411 | /* | |
412 | * Add the correct display in all browsers. | |
413 | */ | |
414 | ||
415 | summary { | |
416 | display: list-item; | |
417 | } | |
418 | ||
419 | /* Scripting | |
420 | ========================================================================== */ | |
421 | ||
422 | /** | |
423 | * Add the correct display in IE 9-. | |
424 | */ | |
425 | ||
426 | canvas { | |
427 | display: inline-block; | |
428 | } | |
429 | ||
430 | /** | |
431 | * Add the correct display in IE. | |
432 | */ | |
433 | ||
434 | template { | |
435 | display: none; | |
436 | } | |
437 | ||
438 | /* Hidden | |
439 | ========================================================================== */ | |
440 | ||
441 | /** | |
442 | * Add the correct display in IE 10-. | |
443 | */ | |
444 | ||
445 | [hidden] { | |
446 | display: none; | |
447 | } |