CSS'in Geleceği: State Container Queries

 (ishadeed.com)
11 puan yazan xguru 2023-07-01 | 3 yorum | WhatsApp'ta paylaş
  • Chromium ekibi yeni bir sorgu türünü deniyor
  • Geçen yıl Size Container Query, büyük tarayıcıların tamamında desteklenmeye başladı
    • Konteynerin genişliğini temel alarak sorgu yapılabiliyor
  • Buna ek olarak artık Style sorguları da mümkün: belirli bir CSS değişkeninin var olup olmadığı kontrol edilebiliyor. Şimdilik yalnızca Chrome Canary'de mümkün
  • State sorguları, durum değerine göre sorgu yapmayı sağlıyor
    • position: sticky gibi durumların etkin olup olmadığı kontrol edilebiliyor ve @container state(stuck: top) gibi yönüne göre ayrı stil tanımlanabiliyor
    • flex-wrap uygulanıp uygulanmadığı da @container header state(wrap: true) gibi kontrol edilebiliyor
    • Belgenin ltr / rtl yönüne göre de işlem yapılabiliyor: @container state(dir: rtl)

İlgili okumalar

3 yorum

 
alstjr7375 2023-07-02

CSS toggle da öyle; sanki giderek "Ben CSS ile programlama yapıyorum" diyebileceğimiz günler geliyor..
 
xguru 2023-07-02

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

Böyle bir şey de vardı.. Sadece CSS ile yapılmış sohbet
 
alstjr7375 2023-07-02

Müthiş ya vay canına