O futuro do CSS: State Container Queries

• A equipe do Chromium está experimentando um novo tipo de query
• No ano passado, o Size Container Query passou a ser suportado por todos os principais navegadores
  • É possível fazer queries com base na largura do contêiner
• Além disso, agora também é possível fazer Style Queries: verificar se uma determinada variável CSS existe. Ainda disponível apenas no Chrome Canary
• State Queries são queries baseadas em valores de estado
  • É possível verificar se estados como position: sticky estão ativados, e definir estilos separados de acordo com a direção, como em @container state(stuck: top)
  • Também é possível verificar se houve flex-wrap, como em @container header state(wrap: true)
  • Também é possível tratar de acordo com a direção do documento, ltr ou rtl, usando @container state(dir: rtl)

[alstjr7375]

CSS toggle também, e parece que está chegando cada vez mais o dia em que será possível dizer "eu programo com CSS"..

[xguru]

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

Tinha até isso... um chat implementado só com CSS

[alstjr7375]

Incrível demais kkkkk