Experiment fixes.
[wolnelektury.git] / src / wolnelektury / static / 2021 / css / vendors / _normalize.scss
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   color: currentColor;
105   text-decoration: none;
106   background-color: transparent; /* 1 */
107   -webkit-text-decoration-skip: objects; /* 2 */
108   transition: color $ease-out 350ms, border-bottom-color $ease-out 350ms;
109   &:hover {
110     border-bottom-color: transparent;
111     color: $color-primary;
112   }
113 }
114
115 /**
116  * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
117  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
118  */
119
120 abbr[title] {
121   border-bottom: none; /* 1 */
122   text-decoration: underline; /* 2 */
123   text-decoration: underline dotted; /* 2 */
124 }
125
126 /**
127  * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
128  */
129
130 b,
131 strong {
132   font-weight: inherit;
133 }
134
135 /**
136  * Add the correct font weight in Chrome, Edge, and Safari.
137  */
138
139 b,
140 strong {
141   font-weight: bolder;
142 }
143
144 /**
145  * 1. Correct the inheritance and scaling of font size in all browsers.
146  * 2. Correct the odd `em` font sizing in all browsers.
147  */
148
149 code,
150 kbd,
151 samp {
152   font-family: monospace, monospace; /* 1 */
153   font-size: 1em; /* 2 */
154 }
155
156 /**
157  * Add the correct font style in Android 4.3-.
158  */
159
160 dfn {
161   font-style: italic;
162 }
163
164 /**
165  * Add the correct background and color in IE 9-.
166  */
167
168 mark {
169   background-color: #ff0;
170   color: #000;
171 }
172
173 /**
174  * Add the correct font size in all browsers.
175  */
176
177 small {
178   font-size: 80%;
179 }
180
181 /**
182  * Prevent `sub` and `sup` elements from affecting the line height in
183  * all browsers.
184  */
185
186 sub,
187 sup {
188   font-size: 75%;
189   line-height: 0;
190   position: relative;
191   vertical-align: baseline;
192 }
193
194 sub {
195   bottom: -0.25em;
196 }
197
198 sup {
199   top: -0.5em;
200 }
201
202 /* Embedded content
203    ========================================================================== */
204
205 /**
206  * Add the correct display in IE 9-.
207  */
208
209 audio,
210 video {
211   display: inline-block;
212 }
213
214 /**
215  * Add the correct display in iOS 4-7.
216  */
217
218 audio:not([controls]) {
219   display: none;
220   height: 0;
221 }
222
223 /**
224  * Remove the border on images inside links in IE 10-.
225  */
226
227 img {
228   border-style: none;
229 }
230
231 /**
232  * Hide the overflow in IE.
233  */
234
235 svg:not(:root) {
236   overflow: hidden;
237 }
238
239 /* Forms
240    ========================================================================== */
241
242 /**
243  * 1. Change the font styles in all browsers (opinionated).
244  * 2. Remove the margin in Firefox and Safari.
245  */
246
247 button,
248 input,
249 optgroup,
250 select,
251 textarea {
252   font-family: sans-serif; /* 1 */
253   font-size: 100%; /* 1 */
254   line-height: 1.15; /* 1 */
255   margin: 0; /* 2 */
256 }
257
258 /**
259  * Show the overflow in IE.
260  * 1. Show the overflow in Edge.
261  */
262
263 button,
264 input { /* 1 */
265   overflow: visible;
266 }
267
268 /**
269  * Remove the inheritance of text transform in Edge, Firefox, and IE.
270  * 1. Remove the inheritance of text transform in Firefox.
271  */
272
273 button,
274 select { /* 1 */
275   text-transform: none;
276 }
277
278 /**
279  * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
280  *    controls in Android 4.
281  * 2. Correct the inability to style clickable types in iOS and Safari.
282  */
283
284 button,
285 html [type="button"], /* 1 */
286 [type="reset"],
287 [type="submit"] {
288   -webkit-appearance: button; /* 2 */
289 }
290
291 /**
292  * Remove the inner border and padding in Firefox.
293  */
294
295 button::-moz-focus-inner,
296 [type="button"]::-moz-focus-inner,
297 [type="reset"]::-moz-focus-inner,
298 [type="submit"]::-moz-focus-inner {
299   border-style: none;
300   padding: 0;
301 }
302
303 /**
304  * Restore the focus styles unset by the previous rule.
305  */
306
307 button:-moz-focusring,
308 [type="button"]:-moz-focusring,
309 [type="reset"]:-moz-focusring,
310 [type="submit"]:-moz-focusring {
311   outline: 1px dotted ButtonText;
312 }
313
314 /**
315  * Correct the padding in Firefox.
316  */
317
318 fieldset {
319   padding: 0.35em 0.75em 0.625em;
320 }
321
322 /**
323  * 1. Correct the text wrapping in Edge and IE.
324  * 2. Correct the color inheritance from `fieldset` elements in IE.
325  * 3. Remove the padding so developers are not caught out when they zero out
326  *    `fieldset` elements in all browsers.
327  */
328
329 legend {
330   box-sizing: border-box; /* 1 */
331   color: inherit; /* 2 */
332   display: table; /* 1 */
333   max-width: 100%; /* 1 */
334   padding: 0; /* 3 */
335   white-space: normal; /* 1 */
336 }
337
338 /**
339  * 1. Add the correct display in IE 9-.
340  * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
341  */
342
343 progress {
344   display: inline-block; /* 1 */
345   vertical-align: baseline; /* 2 */
346 }
347
348 /**
349  * Remove the default vertical scrollbar in IE.
350  */
351
352 textarea {
353   overflow: auto;
354 }
355
356 /**
357  * 1. Add the correct box sizing in IE 10-.
358  * 2. Remove the padding in IE 10-.
359  */
360
361 [type="checkbox"],
362 [type="radio"] {
363   box-sizing: border-box; /* 1 */
364   padding: 0; /* 2 */
365 }
366
367 /**
368  * Correct the cursor style of increment and decrement buttons in Chrome.
369  */
370
371 [type="number"]::-webkit-inner-spin-button,
372 [type="number"]::-webkit-outer-spin-button {
373   height: auto;
374 }
375
376 /**
377  * 1. Correct the odd appearance in Chrome and Safari.
378  * 2. Correct the outline style in Safari.
379  */
380
381 [type="search"] {
382   -webkit-appearance: textfield; /* 1 */
383   outline-offset: -2px; /* 2 */
384 }
385
386 /**
387  * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
388  */
389
390 [type="search"]::-webkit-search-cancel-button,
391 [type="search"]::-webkit-search-decoration {
392   -webkit-appearance: none;
393 }
394
395 /**
396  * 1. Correct the inability to style clickable types in iOS and Safari.
397  * 2. Change font properties to `inherit` in Safari.
398  */
399
400 ::-webkit-file-upload-button {
401   -webkit-appearance: button; /* 1 */
402   font: inherit; /* 2 */
403 }
404
405 /* Interactive
406    ========================================================================== */
407
408 /*
409  * Add the correct display in IE 9-.
410  * 1. Add the correct display in Edge, IE, and Firefox.
411  */
412
413 details, /* 1 */
414 menu {
415   display: block;
416 }
417
418 /*
419  * Add the correct display in all browsers.
420  */
421
422 summary {
423   display: list-item;
424 }
425
426 /* Scripting
427    ========================================================================== */
428
429 /**
430  * Add the correct display in IE 9-.
431  */
432
433 canvas {
434   display: inline-block;
435 }
436
437 /**
438  * Add the correct display in IE.
439  */
440
441 template {
442   display: none;
443 }
444
445 /* Hidden
446    ========================================================================== */
447
448 /**
449  * Add the correct display in IE 10-.
450  */
451
452 [hidden] {
453   display: none;
454 }