|
3 | 3 | *, |
4 | 4 | ::before, |
5 | 5 | ::after { |
6 | | - box-sizing: border-box; |
| 6 | + box-sizing: border-box; |
7 | 7 | } |
8 | 8 |
|
9 | 9 | html { |
10 | | - font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, |
11 | | - "Apple Color Emoji", "Segoe UI Emoji"; |
12 | | - line-height: 1.15; |
13 | | - -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS. */ |
14 | | - tab-size: 4; /* Use a more readable tab size */ |
| 10 | + font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", |
| 11 | + "Segoe UI Emoji"; |
| 12 | + line-height: 1.15; |
| 13 | + -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS. */ |
| 14 | + tab-size: 4; /* Use a more readable tab size */ |
15 | 15 | } |
16 | 16 |
|
17 | 17 | button, |
18 | 18 | input, |
19 | 19 | optgroup, |
20 | 20 | select, |
21 | 21 | textarea { |
22 | | - font-family: inherit; |
23 | | - font-size: 100%; |
24 | | - line-height: 1.15; |
25 | | - margin: 0; |
| 22 | + font-family: inherit; |
| 23 | + font-size: 100%; |
| 24 | + line-height: 1.15; |
| 25 | + margin: 0; |
26 | 26 | } |
27 | 27 |
|
28 | 28 | legend { |
29 | | - padding: 0; |
| 29 | + padding: 0; |
30 | 30 | } |
31 | 31 |
|
32 | 32 | code, |
33 | 33 | kbd, |
34 | 34 | samp, |
35 | 35 | pre { |
36 | | - font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, |
37 | | - monospace; /* 1 */ |
38 | | - font-size: 1em; /* 2 */ |
| 36 | + font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; /* 1 */ |
| 37 | + font-size: 1em; /* 2 */ |
39 | 38 | } |
40 | 39 |
|
41 | 40 | table { |
42 | | - text-indent: 0; |
43 | | - border-color: inherit; |
| 41 | + text-indent: 0; |
| 42 | + border-color: inherit; |
44 | 43 | } |
45 | 44 |
|
46 | 45 | /* browser specific fixes */ |
47 | 46 |
|
48 | 47 | summary { |
49 | | - display: list-item; /* Add the correct display in Chrome and Safari. */ |
| 48 | + display: list-item; /* Add the correct display in Chrome and Safari. */ |
50 | 49 | } |
51 | 50 |
|
52 | 51 | ::-webkit-search-decoration { |
53 | | - -webkit-appearance: none; /* Remove the inner padding in Chrome and Safari on macOS. */ |
| 52 | + -webkit-appearance: none; /* Remove the inner padding in Chrome and Safari on macOS. */ |
54 | 53 | } |
55 | 54 |
|
56 | 55 | ::-webkit-file-upload-button { |
57 | | - -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari */ |
58 | | - font: inherit; /* Change font properties to 'inherit' in Safari */ |
| 56 | + -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari */ |
| 57 | + font: inherit; /* Change font properties to 'inherit' in Safari */ |
59 | 58 | } |
60 | 59 |
|
61 | 60 | [type="search"] { |
62 | | - -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */ |
63 | | - outline-offset: -2px; /* Correct the outline style in Safari */ |
| 61 | + -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */ |
| 62 | + outline-offset: -2px; /* Correct the outline style in Safari */ |
64 | 63 | } |
65 | 64 |
|
66 | 65 | ::-webkit-inner-spin-button, |
67 | 66 | ::-webkit-outer-spin-button { |
68 | | - height: auto; /* Correct the cursor style of increment and decrement buttons in Safari. */ |
| 67 | + height: auto; /* Correct the cursor style of increment and decrement buttons in Safari. */ |
69 | 68 | } |
70 | 69 |
|
71 | 70 | progress { |
72 | | - vertical-align: baseline; /* Add the correct vertical alignment in Chrome and Firefox. */ |
| 71 | + vertical-align: baseline; /* Add the correct vertical alignment in Chrome and Firefox. */ |
73 | 72 | } |
74 | 73 |
|
75 | 74 | button, |
76 | 75 | [type="button"], |
77 | 76 | [type="reset"], |
78 | 77 | [type="submit"] { |
79 | | - -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari. */ |
| 78 | + -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari. */ |
80 | 79 | } |
81 | 80 |
|
82 | 81 | ::-moz-focus-inner { |
83 | | - border-style: none; |
84 | | - padding: 0; |
| 82 | + border-style: none; |
| 83 | + padding: 0; |
85 | 84 | } |
86 | 85 |
|
87 | 86 | :-moz-focusring { |
88 | | - outline: 1px dotted ButtonText; |
| 87 | + outline: 1px dotted ButtonText; |
89 | 88 | } |
90 | 89 |
|
91 | 90 | :-moz-ui-invalid { |
92 | | - box-shadow: none; |
| 91 | + box-shadow: none; |
93 | 92 | } |
94 | 93 |
|
95 | 94 | button, |
96 | 95 | select { |
97 | | - text-transform: none; /* Remove the inheritance of text transform in Edge and Firefox. */ |
| 96 | + text-transform: none; /* Remove the inheritance of text transform in Edge and Firefox. */ |
98 | 97 | } |
99 | 98 |
|
100 | 99 | b, |
101 | 100 | strong { |
102 | | - font-weight: bolder; /* Add the correct font weight in Edge and Safari. */ |
| 101 | + font-weight: bolder; /* Add the correct font weight in Edge and Safari. */ |
103 | 102 | } |
0 commit comments