- Das Chromium-Team experimentiert mit einem neuen Query-Typ
- Im vergangenen Jahr wurde Size Container Query in allen großen Browsern unterstützt
- Abfragen sind anhand der Breite eines Containers möglich
- Zusätzlich sind jetzt auch Style-Queries möglich: Es lässt sich prüfen, ob eine bestimmte CSS-Variable vorhanden ist. Derzeit nur in Chrome Canary verfügbar
- State-Queries sind Abfragen basierend auf Zustandswerten
- Es lässt sich prüfen, ob Zustände wie
position: sticky aktiv sind, und mit @container state(stuck: top) je nach Richtung ein eigener Stil festlegen
- Ob
flex-wrap aktiv geworden ist, lässt sich ebenfalls mit @container header state(wrap: true) prüfen
- Auch abhängig von der Dokumentausrichtung
ltr oder rtl ist eine Behandlung möglich, etwa mit @container state(dir: rtl)
3 Kommentare
Wie bei CSS toggle scheint der Tag immer näher zu rücken, an dem man sagen kann: „Ich programmiere mit CSS.“
https://github.com/kkuchta/css-only-chat
So etwas gab es auch … ein nur mit CSS umgesetzter Chat
Unglaublich o_O