site

personal website, served at mordaunt.dev/site
Log | Files | Refs

normalize.css (6842B)

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