- El equipo de Chromium está experimentando con un nuevo tipo de consultas
- El año pasado, Size Container Query empezó a ser compatible en todos los navegadores principales
- Permite hacer consultas según el ancho del contenedor
- Además, ahora también son posibles las consultas de estilo: permiten verificar si existe una variable CSS específica. Por ahora, solo funciona en Chrome Canary
- Las consultas de estado son consultas basadas en valores de estado
- Permiten comprobar si está activo un estado como
position: sticky, y aplicar estilos separados según la dirección, como en @container state(stuck: top)
- También se puede verificar si se aplicó
flex-wrap, como en @container header state(wrap: true)
- También pueden manejarse según la dirección del documento,
ltr o rtl, con @container state(dir: rtl)
3 comentarios
Con CSS toggle y todo eso, parece que cada vez se acerca más el día en que sea posible decir: "yo programo con CSS"..
https://github.com/kkuchta/css-only-chat
También existía esto... un chat implementado solo con CSS
Impresionante jajajaja