Learn Git and GitHub without any code!
Using the Hello World guide, you’ll start a branch, write comments, and open a pull request.
Read the guide
Permalink
modern-normalize/modern-normalize.css
Go to file| /*! modern-normalize v0.7.0 | MIT License | https://github.com/sindresorhus/modern-normalize */ | |
| /* | |
| Document | |
| ======== | |
| */ | |
| /** | |
| Use a better box model (opinionated). | |
| */ | |
| *, | |
| *::before, | |
| *::after { | |
| box-sizing: border-box; | |
| } | |
| /** | |
| Use a more readable tab size (opinionated). | |
| */ | |
| :root { | |
| -moz-tab-size: 4; | |
| tab-size: 4; | |
| } | |
| /** | |
| 1. Correct the line height in all browsers. | |
| 2. Prevent adjustments of font size after orientation changes in iOS. | |
| */ | |
| html { | |
| line-height: 1.15; /* 1 */ | |
| -webkit-text-size-adjust: 100%; /* 2 */ | |
| } | |
| /* | |
| Sections | |
| ======== | |
| */ | |
| /** | |
| Remove the margin in all browsers. | |
| */ | |
| body { | |
| margin: 0; | |
| } | |
| /** | |
| Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) | |
| */ | |
| body { | |
| font-family: | |
| system-ui, | |
| -apple-system, /* Firefox supports this but not yet `system-ui` */ | |
| 'Segoe UI', | |
| Roboto, | |
| Helvetica, | |
| Arial, | |
| sans-serif, | |
| 'Apple Color Emoji', | |
| 'Segoe UI Emoji'; | |
| } | |
| /* | |
| Grouping content | |
| ================ | |
| */ | |
| /** | |
| Add the correct height in Firefox. | |
| */ | |
| hr { | |
| height: 0; | |
| } | |
| /* | |
| Text-level semantics | |
| ==================== | |
| */ | |
| /** | |
| Add the correct text decoration in Chrome, Edge, and Safari. | |
| */ | |
| abbr[title] { | |
| text-decoration: underline dotted; | |
| } | |
| /** | |
| Add the correct font weight in Edge and Safari. | |
| */ | |
| b, | |
| strong { | |
| font-weight: bolder; | |
| } | |
| /** | |
| 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) | |
| 2. Correct the odd 'em' font sizing in all browsers. | |
| */ | |
| code, | |
| kbd, | |
| samp, | |
| pre { | |
| font-family: | |
| ui-monospace, | |
| SFMono-Regular, | |
| Consolas, | |
| 'Liberation Mono', | |
| Menlo, | |
| monospace; /* 1 */ | |
| font-size: 1em; /* 2 */ | |
| } | |
| /** | |
| Add the correct font size in all browsers. | |
| */ | |
| small { | |
| font-size: 80%; | |
| } | |
| /** | |
| Prevent 'sub' and 'sup' elements from affecting the line height in all browsers. | |
| */ | |
| sub, | |
| sup { | |
| font-size: 75%; | |
| line-height: 0; | |
| position: relative; | |
| vertical-align: baseline; | |
| } | |
| sub { | |
| bottom: -0.25em; | |
| } | |
| sup { | |
| top: -0.5em; | |
| } | |
| /* | |
| Forms | |
| ===== | |
| */ | |
| /** | |
| 1. Change the font styles in all browsers. | |
| 2. Remove the margin in Firefox and Safari. | |
| */ | |
| button, | |
| input, | |
| optgroup, | |
| select, | |
| textarea { | |
| font-family: inherit; /* 1 */ | |
| font-size: 100%; /* 1 */ | |
| line-height: 1.15; /* 1 */ | |
| margin: 0; /* 2 */ | |
| } | |
| /** | |
| Remove the inheritance of text transform in Edge and Firefox. | |
| 1. Remove the inheritance of text transform in Firefox. | |
| */ | |
| button, | |
| select { /* 1 */ | |
| text-transform: none; | |
| } | |
| /** | |
| Correct the inability to style clickable types in iOS and Safari. | |
| */ | |
| button, | |
| [type='button'], | |
| [type='reset'], | |
| [type='submit'] { | |
| -webkit-appearance: button; | |
| } | |
| /** | |
| Remove the inner border and padding in Firefox. | |
| */ | |
| button::-moz-focus-inner, | |
| [type='button']::-moz-focus-inner, | |
| [type='reset']::-moz-focus-inner, | |
| [type='submit']::-moz-focus-inner { | |
| border-style: none; | |
| padding: 0; | |
| } | |
| /** | |
| Restore the focus styles unset by the previous rule. | |
| */ | |
| button:-moz-focusring, | |
| [type='button']:-moz-focusring, | |
| [type='reset']:-moz-focusring, | |
| [type='submit']:-moz-focusring { | |
| outline: 1px dotted ButtonText; | |
| } | |
| /** | |
| Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers. | |
| */ | |
| legend { | |
| padding: 0; | |
| } | |
| /** | |
| Add the correct vertical alignment in Chrome and Firefox. | |
| */ | |
| progress { | |
| vertical-align: baseline; | |
| } | |
| /** | |
| Correct the cursor style of increment and decrement buttons in Safari. | |
| */ | |
| [type='number']::-webkit-inner-spin-button, | |
| [type='number']::-webkit-outer-spin-button { | |
| height: auto; | |
| } | |
| /** | |
| 1. Correct the odd appearance in Chrome and Safari. | |
| 2. Correct the outline style in Safari. | |
| */ | |
| [type='search'] { | |
| -webkit-appearance: textfield; /* 1 */ | |
| outline-offset: -2px; /* 2 */ | |
| } | |
| /** | |
| Remove the inner padding in Chrome and Safari on macOS. | |
| */ | |
| [type='search']::-webkit-search-decoration { | |
| -webkit-appearance: none; | |
| } | |
| /** | |
| 1. Correct the inability to style clickable types in iOS and Safari. | |
| 2. Change font properties to 'inherit' in Safari. | |
| */ | |
| ::-webkit-file-upload-button { | |
| -webkit-appearance: button; /* 1 */ | |
| font: inherit; /* 2 */ | |
| } | |
| /* | |
| Interactive | |
| =========== | |
| */ | |
| /* | |
| Add the correct display in Chrome and Safari. | |
| */ | |
| summary { | |
| display: list-item; | |
| } |