Spaces:
Sleeping
Sleeping
| /* Document | |
| * ========================================================================== */ | |
| /** | |
| * 1. Correct the line height in all browsers. | |
| * 2. Prevent adjustments of font size after orientation changes in iOS. | |
| */ | |
| :where(html) { | |
| line-height: 1.15; /* 1 */ | |
| -webkit-text-size-adjust: 100%; /* 2 */ | |
| text-size-adjust: 100%; /* 2 */ | |
| } | |
| /* Sections | |
| * ========================================================================== */ | |
| /** | |
| * Remove the margin in all browsers. (opinionated) | |
| */ | |
| :where(body) { | |
| margin: 0; | |
| } | |
| /** | |
| * Correct the font size and margin on `h1` elements within `section` and | |
| * `article` contexts in Chrome, Edge, Firefox, and Safari. | |
| */ | |
| :where(h1) { | |
| font-size: 2em; | |
| margin-block-end: 0.67em; | |
| margin-block-start: 0.67em; | |
| } | |
| /* Grouping content | |
| * ========================================================================== */ | |
| /** | |
| * Remove the margin on nested lists in Chrome, Edge, and Safari. | |
| */ | |
| :where(dl, ol, ul) :where(dl, ol, ul) { | |
| margin-block-end: 0; | |
| margin-block-start: 0; | |
| } | |
| /** | |
| * 1. Add the correct box sizing in Firefox. | |
| * 2. Correct the inheritance of border color in Firefox. | |
| */ | |
| :where(hr) { | |
| box-sizing: content-box; /* 1 */ | |
| color: inherit; /* 2 */ | |
| height: 0; /* 1 */ | |
| } | |
| /* Text-level semantics | |
| * ========================================================================== */ | |
| /** | |
| * Add the correct text decoration in Safari. | |
| */ | |
| :where(abbr[title]) { | |
| text-decoration: underline; | |
| text-decoration: underline dotted; | |
| } | |
| /** | |
| * Add the correct font weight in Chrome, Edge, and Safari. | |
| */ | |
| :where(b, strong) { | |
| font-weight: bolder; | |
| } | |
| /** | |
| * 1. Correct the inheritance and scaling of font size in all browsers. | |
| * 2. Correct the odd `em` font sizing in all browsers. | |
| */ | |
| :where(code, kbd, pre, samp) { | |
| font-family: monospace, monospace; /* 1 */ | |
| font-size: 1em; /* 2 */ | |
| } | |
| /** | |
| * Add the correct font size in all browsers. | |
| */ | |
| :where(small) { | |
| font-size: 80%; | |
| } | |
| /* Tabular data | |
| * ========================================================================== */ | |
| /** | |
| * 1. Correct table border color in Chrome, Edge, and Safari. | |
| * 2. Remove text indentation from table contents in Chrome, Edge, and Safari. | |
| */ | |
| :where(table) { | |
| border-color: currentColor; /* 1 */ | |
| text-indent: 0; /* 2 */ | |
| } | |
| /* Forms | |
| * ========================================================================== */ | |
| /** | |
| * Remove the margin on controls in Safari. | |
| */ | |
| :where(button, input, select) { | |
| margin: 0; | |
| } | |
| /** | |
| * Remove the inheritance of text transform in Firefox. | |
| */ | |
| :where(button) { | |
| text-transform: none; | |
| } | |
| /** | |
| * Correct the inability to style buttons in iOS and Safari. | |
| */ | |
| :where(button, input:is([type="button" i], [type="reset" i], [type="submit" i])) { | |
| -webkit-appearance: button; | |
| } | |
| /** | |
| * Add the correct vertical alignment in Chrome, Edge, and Firefox. | |
| */ | |
| :where(progress) { | |
| vertical-align: baseline; | |
| } | |
| /** | |
| * Remove the inheritance of text transform in Firefox. | |
| */ | |
| :where(select) { | |
| text-transform: none; | |
| } | |
| /** | |
| * Remove the margin in Firefox and Safari. | |
| */ | |
| :where(textarea) { | |
| margin: 0; | |
| } | |
| /** | |
| * 1. Correct the odd appearance in Chrome, Edge, and Safari. | |
| * 2. Correct the outline style in Safari. | |
| */ | |
| :where(input[type="search" i]) { | |
| -webkit-appearance: textfield; /* 1 */ | |
| outline-offset: -2px; /* 2 */ | |
| } | |
| /** | |
| * Correct the cursor style of increment and decrement buttons in Safari. | |
| */ | |
| ::-webkit-inner-spin-button, | |
| ::-webkit-outer-spin-button { | |
| height: auto; | |
| } | |
| /** | |
| * Correct the text style of placeholders in Chrome, Edge, and Safari. | |
| */ | |
| ::-webkit-input-placeholder { | |
| color: inherit; | |
| opacity: 0.54; | |
| } | |
| /** | |
| * Remove the inner padding in Chrome, Edge, and Safari on macOS. | |
| */ | |
| ::-webkit-search-decoration { | |
| -webkit-appearance: none; | |
| } | |
| /** | |
| * 1. Correct the inability to style upload buttons in iOS and Safari. | |
| * 2. Change font properties to `inherit` in Safari. | |
| */ | |
| ::-webkit-file-upload-button { | |
| -webkit-appearance: button; /* 1 */ | |
| font: inherit; /* 2 */ | |
| } | |
| /** | |
| * Remove the inner border and padding of focus outlines in Firefox. | |
| */ | |
| :where(button, input:is([type="button" i], [type="color" i], [type="reset" i], [type="submit" i]))::-moz-focus-inner { | |
| border-style: none; | |
| padding: 0; | |
| } | |
| /** | |
| * Restore the focus outline styles unset by the previous rule in Firefox. | |
| */ | |
| :where(button, input:is([type="button" i], [type="color" i], [type="reset" i], [type="submit" i]))::-moz-focusring { | |
| outline: 1px dotted ButtonText; | |
| } | |
| /** | |
| * Remove the additional :invalid styles in Firefox. | |
| */ | |
| :where(:-moz-ui-invalid) { | |
| box-shadow: none; | |
| } | |
| /* Interactive | |
| * ========================================================================== */ | |
| /* | |
| * Add the correct styles in Safari. | |
| */ | |
| :where(dialog) { | |
| background-color: white; | |
| border: solid; | |
| color: black; | |
| height: -moz-fit-content; | |
| height: fit-content; | |
| left: 0; | |
| margin: auto; | |
| padding: 1em; | |
| position: absolute; | |
| right: 0; | |
| width: -moz-fit-content; | |
| width: fit-content; | |
| } | |
| :where(dialog:not([open])) { | |
| display: none; | |
| } | |
| /* | |
| * Add the correct display in all browsers. | |
| */ | |
| :where(summary) { | |
| display: list-item; | |
| } | |