| 1 | :root { |
| 2 | interpolate-size: allow-keywords; |
| 3 | } |
| 4 | .container { |
| 5 | scrollbar-gutter: stable; |
| 6 | transition-behavior: allow-discrete; |
| 7 | color-scheme: light dark; |
| 8 | } |
| 9 | h1 { |
| 10 | text-wrap: balance; /* pretty */ |
| 11 | } |
| 12 | .text-box-trim { |
| 13 | text-box-trim: both; |
| 14 | text-box-edge: cap alphabetic; |
| 15 | } |
| 16 | dialog[open]{ |
| 17 | display: block; /* user agent style */ |
| 18 | opacity: 1; |
| 19 | translate: 0 0; |
| 20 | |
| 21 | @starting-style { |
| 22 | opacity: 0; |
| 23 | translate: 0 -25vh; |
| 24 | } |
| 25 | } |
| 26 | .alt { |
| 27 | content: url(./img) / "ALT"; |
| 28 | } |
| 29 | /* |
| 30 | https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter |
| 31 | function round(), light-dark(), |
| 32 | */ |
jaandrle / progressiveenhancement.css
Last active 4 months ago
Revision e51a5ec6ed703aee6937d7635145a0d03ec09b43