normalize.css

   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 }