Die Zukunft von CSS: State Container Queries

• 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)

[alstjr7375]

Wie bei CSS toggle scheint der Tag immer näher zu rücken, an dem man sagen kann: „Ich programmiere mit CSS.“

[xguru]

https://github.com/kkuchta/css-only-chat

So etwas gab es auch … ein nur mit CSS umgesetzter Chat

[alstjr7375]

Unglaublich o_O