UNPKG

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