1 | /*! normalize.css v8.0.1 | 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 iOS. |
9 | */ |
10 |
|
11 | html { |
12 | line-height: 1.15; /* 1 */ |
13 | -webkit-text-size-adjust: 100%; /* 2 */ |
14 | } |
15 |
|
16 | /* Sections |
17 | ========================================================================== */ |
18 |
|
19 | /** |
20 | * Remove the margin in all browsers. |
21 | */ |
22 |
|
23 | body { |
24 | margin: 0; |
25 | } |
26 |
|
27 | /** |
28 | * Render the `main` element consistently in IE. |
29 | */ |
30 |
|
31 | main { |
32 | display: block; |
33 | } |
34 |
|
35 | /** |
36 | * Correct the font size and margin on `h1` elements within `section` and |
37 | * `article` contexts in Chrome, Firefox, and Safari. |
38 | */ |
39 |
|
40 | h1 { |
41 | font-size: 2em; |
42 | margin: 0.67em 0; |
43 | } |
44 |
|
45 | /* Grouping content |
46 | ========================================================================== */ |
47 |
|
48 | /** |
49 | * 1. Add the correct box sizing in Firefox. |
50 | * 2. Show the overflow in Edge and IE. |
51 | */ |
52 |
|
53 | hr { |
54 | box-sizing: content-box; /* 1 */ |
55 | height: 0; /* 1 */ |
56 | overflow: visible; /* 2 */ |
57 | } |
58 |
|
59 | /** |
60 | * 1. Correct the inheritance and scaling of font size in all browsers. |
61 | * 2. Correct the odd `em` font sizing in all browsers. |
62 | */ |
63 |
|
64 | pre { |
65 | font-family: monospace, monospace; /* 1 */ |
66 | font-size: 1em; /* 2 */ |
67 | } |
68 |
|
69 | /* Text-level semantics |
70 | ========================================================================== */ |
71 |
|
72 | /** |
73 | * Remove the gray background on active links in IE 10. |
74 | */ |
75 |
|
76 | a { |
77 | background-color: transparent; |
78 | } |
79 |
|
80 | /** |
81 | * 1. Remove the bottom border in Chrome 57- |
82 | * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. |
83 | */ |
84 |
|
85 | abbr[title] { |
86 | border-bottom: none; /* 1 */ |
87 | text-decoration: underline; /* 2 */ |
88 | text-decoration: underline dotted; /* 2 */ |
89 | } |
90 |
|
91 | /** |
92 | * Add the correct font weight in Chrome, Edge, and Safari. |
93 | */ |
94 |
|
95 | b, |
96 | strong { |
97 | font-weight: bolder; |
98 | } |
99 |
|
100 | /** |
101 | * 1. Correct the inheritance and scaling of font size in all browsers. |
102 | * 2. Correct the odd `em` font sizing in all browsers. |
103 | */ |
104 |
|
105 | code, |
106 | kbd, |
107 | samp { |
108 | font-family: monospace, monospace; /* 1 */ |
109 | font-size: 1em; /* 2 */ |
110 | } |
111 |
|
112 | /** |
113 | * Add the correct font size in all browsers. |
114 | */ |
115 |
|
116 | small { |
117 | font-size: 80%; |
118 | } |
119 |
|
120 | /** |
121 | * Prevent `sub` and `sup` elements from affecting the line height in |
122 | * all browsers. |
123 | */ |
124 |
|
125 | sub, |
126 | sup { |
127 | font-size: 75%; |
128 | line-height: 0; |
129 | position: relative; |
130 | vertical-align: baseline; |
131 | } |
132 |
|
133 | sub { |
134 | bottom: -0.25em; |
135 | } |
136 |
|
137 | sup { |
138 | top: -0.5em; |
139 | } |
140 |
|
141 | /* Embedded content |
142 | ========================================================================== */ |
143 |
|
144 | /** |
145 | * Remove the border on images inside links in IE 10. |
146 | */ |
147 |
|
148 | img { |
149 | border-style: none; |
150 | } |
151 |
|
152 | /* Forms |
153 | ========================================================================== */ |
154 |
|
155 | /** |
156 | * 1. Change the font styles in all browsers. |
157 | * 2. Remove the margin in Firefox and Safari. |
158 | */ |
159 |
|
160 | button, |
161 | input, |
162 | optgroup, |
163 | select, |
164 | textarea { |
165 | font-family: inherit; /* 1 */ |
166 | font-size: 100%; /* 1 */ |
167 | line-height: 1.15; /* 1 */ |
168 | margin: 0; /* 2 */ |
169 | } |
170 |
|
171 | /** |
172 | * Show the overflow in IE. |
173 | * 1. Show the overflow in Edge. |
174 | */ |
175 |
|
176 | button, |
177 | input { /* 1 */ |
178 | overflow: visible; |
179 | } |
180 |
|
181 | /** |
182 | * Remove the inheritance of text transform in Edge, Firefox, and IE. |
183 | * 1. Remove the inheritance of text transform in Firefox. |
184 | */ |
185 |
|
186 | button, |
187 | select { /* 1 */ |
188 | text-transform: none; |
189 | } |
190 |
|
191 | /** |
192 | * Correct the inability to style clickable types in iOS and Safari. |
193 | */ |
194 |
|
195 | button, |
196 | [type="button"], |
197 | [type="reset"], |
198 | [type="submit"] { |
199 | -webkit-appearance: button; |
200 | } |
201 |
|
202 | /** |
203 | * Remove the inner border and padding in Firefox. |
204 | */ |
205 |
|
206 | button::-moz-focus-inner, |
207 | [type="button"]::-moz-focus-inner, |
208 | [type="reset"]::-moz-focus-inner, |
209 | [type="submit"]::-moz-focus-inner { |
210 | border-style: none; |
211 | padding: 0; |
212 | } |
213 |
|
214 | /** |
215 | * Restore the focus styles unset by the previous rule. |
216 | */ |
217 |
|
218 | button:-moz-focusring, |
219 | [type="button"]:-moz-focusring, |
220 | [type="reset"]:-moz-focusring, |
221 | [type="submit"]:-moz-focusring { |
222 | outline: 1px dotted ButtonText; |
223 | } |
224 |
|
225 | /** |
226 | * Correct the padding in Firefox. |
227 | */ |
228 |
|
229 | fieldset { |
230 | padding: 0.35em 0.75em 0.625em; |
231 | } |
232 |
|
233 | /** |
234 | * 1. Correct the text wrapping in Edge and IE. |
235 | * 2. Correct the color inheritance from `fieldset` elements in IE. |
236 | * 3. Remove the padding so developers are not caught out when they zero out |
237 | * `fieldset` elements in all browsers. |
238 | */ |
239 |
|
240 | legend { |
241 | box-sizing: border-box; /* 1 */ |
242 | color: inherit; /* 2 */ |
243 | display: table; /* 1 */ |
244 | max-width: 100%; /* 1 */ |
245 | padding: 0; /* 3 */ |
246 | white-space: normal; /* 1 */ |
247 | } |
248 |
|
249 | /** |
250 | * Add the correct vertical alignment in Chrome, Firefox, and Opera. |
251 | */ |
252 |
|
253 | progress { |
254 | vertical-align: baseline; |
255 | } |
256 |
|
257 | /** |
258 | * Remove the default vertical scrollbar in IE 10+. |
259 | */ |
260 |
|
261 | textarea { |
262 | overflow: auto; |
263 | } |
264 |
|
265 | /** |
266 | * 1. Add the correct box sizing in IE 10. |
267 | * 2. Remove the padding in IE 10. |
268 | */ |
269 |
|
270 | [type="checkbox"], |
271 | [type="radio"] { |
272 | box-sizing: border-box; /* 1 */ |
273 | padding: 0; /* 2 */ |
274 | } |
275 |
|
276 | /** |
277 | * Correct the cursor style of increment and decrement buttons in Chrome. |
278 | */ |
279 |
|
280 | [type="number"]::-webkit-inner-spin-button, |
281 | [type="number"]::-webkit-outer-spin-button { |
282 | height: auto; |
283 | } |
284 |
|
285 | /** |
286 | * 1. Correct the odd appearance in Chrome and Safari. |
287 | * 2. Correct the outline style in Safari. |
288 | */ |
289 |
|
290 | [type="search"] { |
291 | -webkit-appearance: textfield; /* 1 */ |
292 | outline-offset: -2px; /* 2 */ |
293 | } |
294 |
|
295 | /** |
296 | * Remove the inner padding in Chrome and Safari on macOS. |
297 | */ |
298 |
|
299 | [type="search"]::-webkit-search-decoration { |
300 | -webkit-appearance: none; |
301 | } |
302 |
|
303 | /** |
304 | * 1. Correct the inability to style clickable types in iOS and Safari. |
305 | * 2. Change font properties to `inherit` in Safari. |
306 | */ |
307 |
|
308 | ::-webkit-file-upload-button { |
309 | -webkit-appearance: button; /* 1 */ |
310 | font: inherit; /* 2 */ |
311 | } |
312 |
|
313 | /* Interactive |
314 | ========================================================================== */ |
315 |
|
316 | /* |
317 | * Add the correct display in Edge, IE 10+, and Firefox. |
318 | */ |
319 |
|
320 | details { |
321 | display: block; |
322 | } |
323 |
|
324 | /* |
325 | * Add the correct display in all browsers. |
326 | */ |
327 |
|
328 | summary { |
329 | display: list-item; |
330 | } |
331 |
|
332 | /* Misc |
333 | ========================================================================== */ |
334 |
|
335 | /** |
336 | * Add the correct display in IE 10+. |
337 | */ |
338 |
|
339 | template { |
340 | display: none; |
341 | } |
342 |
|
343 | /** |
344 | * Add the correct display in IE 10. |
345 | */ |
346 |
|
347 | [hidden] { |
348 | display: none; |
349 | } |
350 |
|