Masa Depan CSS: State Container Queries

• Tim Chromium sedang bereksperimen dengan jenis query baru
• Tahun lalu, Size Container Query mulai didukung di semua browser utama
  • Memungkinkan query berdasarkan lebar container
• Selain itu, kini Style Query juga dimungkinkan: memeriksa apakah ada variabel CSS tertentu. Saat ini masih hanya tersedia di Chrome Canary
• State Query adalah query berdasarkan nilai state
  • Dapat memeriksa apakah state seperti position: sticky sedang aktif, dan menetapkan style terpisah berdasarkan arah seperti @container state(stuck: top)
  • Juga dapat memeriksa apakah flex-wrap telah terjadi, seperti @container header state(wrap: true)
  • Juga dapat menangani berdasarkan arah dokumen ltr rtl, misalnya @container state(dir: rtl)

[alstjr7375]

CSS toggle juga begitu, dan sepertinya hari ketika kita bisa berkata "saya ngoding dengan CSS" makin mendekat..

[xguru]

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

Yang seperti ini juga pernah ada.. chat yang diimplementasikan hanya dengan CSS

[alstjr7375]

Luar biasa sekali wowww