Use :where

This commit is contained in:
Adrian Heine 2022-11-23 15:56:10 +01:00
parent 7431bbfa53
commit 71c4325349

View file

@ -22,9 +22,7 @@ header {
h1 { h1 {
margin: 0 margin: 0
} }
footer > *, :where(footer, header, main) > * {
header > *,
main > * {
margin: 0 auto; margin: 0 auto;
max-width: 80rem; max-width: 80rem;
padding: 0 1rem padding: 0 1rem
@ -62,7 +60,7 @@ main > * {
} }
/* date in calendar */ /* date in calendar */
.month th, .month td { .month :where(th, td) {
width: 3.5em; width: 3.5em;
height: 3.5em; height: 3.5em;
border: 1px solid #CBC19A; border: 1px solid #CBC19A;
@ -138,9 +136,7 @@ main > * {
box-shadow: .2em .25em 0 0 RGBA(114, 44, 162,0.5); box-shadow: .2em .25em 0 0 RGBA(114, 44, 162,0.5);
z-index: 1 z-index: 1
} }
.month :focus + label .event-content, .month :where(:focus + label, td:hover, td:active) .event-content {
.month td:hover .event-content,
.month td:active .event-content {
visibility: initial visibility: initial
} }