Use :is css pseudo-class

This commit is contained in:
Edgar P. Burkhart 2023-12-30 10:24:24 +01:00
parent 715822e48f
commit 0e5b8ea85d
Signed by: edpibu
GPG key ID: 9833D3C5A25BD227
2 changed files with 5 additions and 11 deletions

View file

@ -9,9 +9,7 @@ form > table > tbody > tr > th {
background: var(--bg-01); background: var(--bg-01);
background-clip: padding-box; background-clip: padding-box;
} }
form tbody input, form tbody :is(input, select, textarea) {
form tbody select,
form tbody textarea {
font: inherit; font: inherit;
border: none; border: none;
background: transparent; background: transparent;

View file

@ -61,8 +61,7 @@ a {
text-decoration: none; text-decoration: none;
display: inline-block; display: inline-block;
} }
a:hover, a:is(:hover, :focus) {
a:focus {
text-decoration: underline; text-decoration: underline;
} }
@ -109,8 +108,7 @@ nav ul {
nav .skip-link { nav .skip-link {
font-weight: 300; font-weight: 300;
} }
nav .skip-link:active, nav .skip-link:is(:active, :focus) {
nav .skip-link:focus {
font-weight: 500; font-weight: 500;
} }
nav a { nav a {
@ -124,8 +122,7 @@ nav a.cur::after {
position: absolute; position: absolute;
right: 0; right: 0;
} }
nav > :first-child, :is(nav, main) > :first-child {
main > :first-child {
margin-top: 0; margin-top: 0;
} }
footer { footer {
@ -146,8 +143,7 @@ footer {
font-weight: 650; font-weight: 650;
text-decoration: underline dotted; text-decoration: underline dotted;
} }
.pagination a.cur:hover, .pagination a.cur:is(:hover, :focus) {
.pagination a.cur:focus {
text-decoration: underline; text-decoration: underline;
} }