Le futur du CSS : State Container Queries

• L’équipe Chromium expérimente un nouveau type de requêtes
• L’an dernier, les Size Container Query ont commencé à être prises en charge par tous les principaux navigateurs
  • Elles permettent d’effectuer des requêtes selon la largeur du conteneur
• En plus de cela, les requêtes de style sont désormais possibles aussi : vérifier si une variable CSS spécifique existe. Pour l’instant, c’est uniquement disponible dans Chrome Canary
• Les State Queries sont des requêtes basées sur l’état
  • Il est possible de vérifier si un état comme position: sticky est activé, et d’appliquer un style distinct selon la direction, comme avec @container state(stuck: top)
  • Il est aussi possible de vérifier si flex-wrap a été appliqué, comme avec @container header state(wrap: true)
  • On peut également adapter le rendu selon la direction du document, ltr ou rtl, avec @container state(dir: rtl)

[alstjr7375]

Comme pour le CSS toggle, on dirait que le jour où l’on pourra dire « je programme en CSS » se rapproche de plus en plus...

[xguru]

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

Il y avait aussi ça... un chat implémenté uniquement en CSS

[alstjr7375]

Impressionnant, wow