`i.can:has(#cheezburger)`?

:has()

Frem til nylig har det kun vært mulig å lage CSS som ser bakover
Med :has() kan du sette stiler på elementer som inneholder noe, eller som passer en senere betingelse
Dette har vi ønsket oss lenge!
(… Firefox-støtte kommer om noen dager)

Endelig kan man gi stiler til elementer basert på størrelsen den eksisterer i!
Fungerer nesten identisk med media queries
Kan gjøres generelt slik at elementet kun bryr seg om størrelsen i boksen den er i …
… eller man kan gi stiler til elementet kun dersom den eksisterer i en spesifikk kontekt.
Nettleserstøtten er ung, men skal være komplett…

På mobiler forsvinner en del av UI-elementene når man scroller
Dette vil si at størrelsen på synlig innhold endrer seg når man starter skrollingen
Nå kan vi bruke størrelsesenheter som representerer "med UI", "uten UI" eller "hva enn som er synlig"
Med størrelsesenhetene lvh, svh og dvh kan du målrette styling til ønsket høydemål
Fungerer stort sett likt som den generelle vh-enheten, altså at én enhet er en hundredel av størrelsen

La den som aldri har bygget en modal popup kaste den første stein…
Det store gigantiske enorme problemet med hjemmesnekra modaler er tilgjengelighet
Ethvert forsøk på å holde fokus innenfor modalens rammer vil på et eller annet vis feile, eller medfører enormt stygg kode
<dialog>-elementet er strengt tatt ikke nytt, men nettleserstøtten er ganske fersk og veldig mange bygger fortsatt sine egne løsninger for dette
(Designer Victoria har forøvrig bedt meg om å si: “Modaler, not even once” og “Just say no!” Men av og til slipper man ikke unna dem.)