Across the board style fixes and simplifications
Plus bump to v3
This commit is contained in:
daudix
@ -7,9 +7,9 @@
|
||||
//
|
||||
|
||||
:where(html) {
|
||||
line-height: 1.15; // 1
|
||||
-webkit-text-size-adjust: 100%; // 2
|
||||
text-size-adjust: 100%; // 2
|
||||
-webkit-text-size-adjust: 100%; // 2
|
||||
text-size-adjust: 100%; // 2
|
||||
line-height: 1.15; // 1
|
||||
}
|
||||
|
||||
// Sections
|
||||
@ -21,9 +21,9 @@
|
||||
//
|
||||
|
||||
:where(h1) {
|
||||
font-size: 2em;
|
||||
margin-block-end: 0.67em;
|
||||
margin-block-start: 0.67em;
|
||||
margin-block-start: 0.67em;
|
||||
margin-block-end: 0.67em;
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
// Grouping content
|
||||
@ -34,8 +34,8 @@
|
||||
//
|
||||
|
||||
:where(dl, ol, ul) :where(dl, ol, ul) {
|
||||
margin-block-end: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
//
|
||||
@ -44,9 +44,9 @@
|
||||
//
|
||||
|
||||
:where(hr) {
|
||||
box-sizing: content-box; // 1
|
||||
color: inherit; // 2
|
||||
height: 0; // 1
|
||||
box-sizing: content-box; // 1
|
||||
height: 0; // 1
|
||||
color: inherit; // 2
|
||||
}
|
||||
|
||||
// Text-level semantics
|
||||
@ -57,8 +57,8 @@
|
||||
//
|
||||
|
||||
:where(abbr[title]) {
|
||||
text-decoration: underline;
|
||||
text-decoration: underline dotted;
|
||||
text-decoration: underline;
|
||||
text-decoration: underline dotted;
|
||||
}
|
||||
|
||||
//
|
||||
@ -66,7 +66,7 @@
|
||||
//
|
||||
|
||||
:where(b, strong) {
|
||||
font-weight: bolder;
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
//
|
||||
@ -75,8 +75,8 @@
|
||||
//
|
||||
|
||||
:where(code, kbd, pre, samp) {
|
||||
font-family: monospace, monospace; // 1
|
||||
font-size: 1em; // 2
|
||||
font-size: 1em; // 2
|
||||
font-family: monospace, monospace; // 1
|
||||
}
|
||||
|
||||
//
|
||||
@ -84,7 +84,7 @@
|
||||
//
|
||||
|
||||
:where(small) {
|
||||
font-size: 80%;
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
// Tabular data
|
||||
@ -96,8 +96,8 @@
|
||||
//
|
||||
|
||||
:where(table) {
|
||||
border-color: currentColor; // 1
|
||||
text-indent: 0; // 2
|
||||
border-color: currentColor; // 1
|
||||
text-indent: 0; // 2
|
||||
}
|
||||
|
||||
// Forms
|
||||
@ -108,7 +108,7 @@
|
||||
//
|
||||
|
||||
:where(button, input, select) {
|
||||
margin: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
//
|
||||
@ -116,7 +116,7 @@
|
||||
//
|
||||
|
||||
:where(button) {
|
||||
text-transform: none;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
//
|
||||
@ -124,7 +124,7 @@
|
||||
//
|
||||
|
||||
:where(button, input:is([type="button" i], [type="reset" i], [type="submit" i])) {
|
||||
-webkit-appearance: button;
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
//
|
||||
@ -132,7 +132,7 @@
|
||||
//
|
||||
|
||||
:where(progress) {
|
||||
vertical-align: baseline;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
//
|
||||
@ -140,7 +140,7 @@
|
||||
//
|
||||
|
||||
:where(select) {
|
||||
text-transform: none;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
//
|
||||
@ -148,7 +148,7 @@
|
||||
//
|
||||
|
||||
:where(textarea) {
|
||||
margin: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
//
|
||||
@ -157,8 +157,8 @@
|
||||
//
|
||||
|
||||
:where(input[type="search" i]) {
|
||||
-webkit-appearance: textfield; // 1
|
||||
outline-offset: -2px; // 2
|
||||
-webkit-appearance: textfield; // 1
|
||||
outline-offset: -2px; // 2
|
||||
}
|
||||
|
||||
//
|
||||
@ -167,7 +167,7 @@
|
||||
|
||||
::-webkit-inner-spin-button,
|
||||
::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
//
|
||||
@ -175,8 +175,8 @@
|
||||
//
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
color: inherit;
|
||||
opacity: 0.54;
|
||||
opacity: 0.54;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
//
|
||||
@ -184,7 +184,7 @@
|
||||
//
|
||||
|
||||
::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
//
|
||||
@ -193,8 +193,8 @@
|
||||
//
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button; // 1
|
||||
font: inherit; // 2
|
||||
-webkit-appearance: button; // 1
|
||||
font: inherit; // 2
|
||||
}
|
||||
|
||||
//
|
||||
@ -202,8 +202,8 @@
|
||||
//
|
||||
|
||||
:where(button, input:is([type="button" i], [type="color" i], [type="reset" i], [type="submit" i]))::-moz-focus-inner {
|
||||
border-style: none;
|
||||
padding: 0;
|
||||
border-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
//
|
||||
@ -211,7 +211,7 @@
|
||||
//
|
||||
|
||||
:where(button, input:is([type="button" i], [type="color" i], [type="reset" i], [type="submit" i]))::-moz-focusring {
|
||||
outline: 1px dotted ButtonText;
|
||||
outline: 1px dotted ButtonText;
|
||||
}
|
||||
|
||||
//
|
||||
@ -219,7 +219,7 @@
|
||||
//
|
||||
|
||||
:where(:-moz-ui-invalid) {
|
||||
box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
// Interactive
|
||||
@ -230,22 +230,22 @@
|
||||
//
|
||||
|
||||
: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;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
margin: auto;
|
||||
border: solid;
|
||||
background-color: white;
|
||||
padding: 1em;
|
||||
width: -moz-fit-content;
|
||||
width: fit-content;
|
||||
height: -moz-fit-content;
|
||||
height: fit-content;
|
||||
color: black;
|
||||
}
|
||||
|
||||
:where(dialog:not([open])) {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
//
|
||||
@ -253,5 +253,5 @@
|
||||
//
|
||||
|
||||
:where(summary) {
|
||||
display: list-item;
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user