src/wolnelektury/static/2022/styles/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 }