CSS का भविष्य: State Container Queries

• Chromium टीम एक नए प्रकार की query पर प्रयोग कर रही है
• पिछले साल Size Container Query को सभी major browsers में support मिलना शुरू हुआ
  • container की चौड़ाई के आधार पर query की जा सकती है
• इसके अलावा अब Style query भी संभव है: किसी विशेष CSS variable के मौजूद होने की जाँच। यह अभी केवल Chrome Canary में उपलब्ध है
• State query, state value के आधार पर query है
  • position: sticky जैसी state सक्रिय है या नहीं, यह जाँचा जा सकता है, और @container state(stuck: top) की तरह दिशा के अनुसार अलग style दिया जा सकता है
  • flex-wrap हुआ है या नहीं, यह भी @container header state(wrap: true) की तरह जाँचा जा सकता है
  • document की दिशा ltr rtl के अनुसार भी हैंडल किया जा सकता है: @container state(dir: rtl)

[alstjr7375]

CSS toggle भी ऐसा ही है, और लगता है कि धीरे-धीरे वह दिन आ रहा है जब "मैं CSS से प्रोग्रामिंग करता हूँ" कहना संभव होगा..

[xguru]

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

ऐसा भी था.. सिर्फ CSS से बनाया गया चैट

[alstjr7375]

कमाल है, कमाल है