- 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)
3 comentários
CSS toggle também, e parece que está chegando cada vez mais o dia em que será possível dizer "eu programo com CSS"..
https://github.com/kkuchta/css-only-chat
Tinha até isso... um chat implementado só com CSS
Incrível demais kkkkk