11 पॉइंट द्वारा xguru 2023-07-01 | 3 टिप्पणियां | WhatsApp पर शेयर करें
  • 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)

3 टिप्पणियां

 
alstjr7375 2023-07-02

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

 
xguru 2023-07-02

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

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

 
alstjr7375 2023-07-02

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