-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathnorm.css
75 lines (75 loc) · 2.73 KB
/
norm.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
:where(html) {
/* Chrome rounds computed line-height:
16px (font-size) * 1.15 (line-height) = 18.4px (line-height);
But chrome uses 18px. So use a number that gives full pixels. (1.124 or 1.1875) */
line-height: 1.1875;
-webkit-text-size-adjust: none;
text-size-adjust: none;
}
:where(h1) {
font-size: 2em; /* Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
margin-block: 0.67em;
}
:where(dl, ol, ul) :where(dl, ol, ul) {
margin: 0; /* Remove the margin on nested lists in Chrome and Safari. */
}
:where(hr) {
color: inherit; /* Correct the inheritance of border color in Firefox. */
}
:where(abbr[title]) {
-webkit-text-decoration: underline dotted; /* safari (does not support unprefixed shorthand) */
text-decoration-thickness: .08em; /* safari, chrome to match firefox */
text-underline-offset: 0.1em; /* safari, chrome to match firefox */
}
:where(b, strong) {
font-weight: bolder; /* Add the correct font weight in Chrome and Safari. */
}
:where(small) {
font-size: 80%; /* Add the correct font size in all browsers. */
}
:where(table) {
border-color: currentColor; /* Correct table border color in Chrome and Safari. */
/* text-indent: 0; will enable it if someone has a need for it */
}
:where(textarea, button, input, select) { /* textarea: Firefox, all:Safari */
margin: 0;
}
:where(textarea) { /* behave like in firefox */
baseline-source: first; /* available in chrome 111, safari no */
}
:where(button, input:is([type="button"], [type="reset"], [type="submit"])) {
-webkit-appearance: button; /* Correct the inability to style buttons in iOS and Safari. */
}
:where([type="search"]) {
-webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari. */
/* outline-offset: -2px; /* Correct the outline style in Safari. Get worse in chrome... */
}
:where(::-webkit-search-decoration) {
-webkit-appearance: none; /* Remove the inner padding in Chrome and Safari on macOS. */
}
:where(::placeholder) { /* Correct the text style of placeholders in Chrome and Safari. */
color: inherit;
opacity: .54;
}
:where(::-webkit-file-upload-button) {
-webkit-appearance: button; /* Correct the inability to style upload buttons in iOS and Safari. */
font: inherit; /* Change font properties to `inherit` in Safari. */
}
:where(:-moz-ui-invalid) { /* Remove the additional :invalid styles in Firefox. */
box-shadow: none;
}
:where(summary) { /* Add the correct display in safari 14 */
display: list-item;
}
:where(search) {
display:block;
}
:where([inert]) { /* ch < 102 sf < 15.5 ff < 112 */
pointer-events: none;
cursor: default;
}
:where([inert], [inert] *) {
/* user-modify: read-only !important; no effect? */
-webkit-user-select: none;
user-select: none;
}