CSS önerisi @ne zaman | CSS-Püf Noktaları

0
31

CSS son zamanlarda bir gözyaşı üzerinde. Yine, daha önce hiç görmediğim yepyeni bir şey duydum ve yine Miriam: CSS Conditionals aracılığıyla.

Medya sorgularında zaten mantık diye bir şey var. Aslında bir medya sorgusu zaten mantıktır.

@media (min-width: 600px) { /* Bu medya sorgusu doğru olduğunda, bu stilleri yapın. */ }

Ve yukarıdakiler için birbirini dışlayan stiller istiyorsanız, iki medya sorgusu yazarsınız:

@media (min-genişlik: 600px) { /* … */ } @media (maks-genişlik: 599px) { /* … */ }

Bu biraz… kıpır kıpır. Bu yeni teklifte sözdizimi çok daha temiz:

@When media(min-width: 600px) { /* … */ } @else { /* … */ }

Görünüşe göre ve aracılığıyla birden çok koşul yapabilir, birden çok @else ifadesine sahip bir şelale mantığı yığınına sahip olabilirsiniz ve yalnızca @media’yı değil, @supports’u da kullanabilirsiniz.

@When media(width >= 400px) and media(pointer: fine) and support(display:flex) { /* A */ } @else support(caret-color:pembe) ve support(background: double-rainbow()) ) { /* B */ } @else { /* C */ }

Bana çok mantıklı ve kullanışlı görünüyor!

Adlandırma konusunda küçük bir münakaşa gördüm. @if burada da mantıklı bir isim olabilir. Ancak Sass, @if kullanır ve tüm Sass mantıklarını yeni bir şeye yeniden yansıtmak zorunda kalırlarsa veya bu, bir ton geliştirici için çok can sıkıcı olurdu. CSS, oradaki herhangi bir önişlemciye geçmeli mi? Hayır, ama Sass uzun zamandır var ve süper popüler ve mükemmel bir alternatif var, peki neden acıya neden oluyor? Bu başlıkta, sadece Sass ile ilgili değil – bazı insanlar zaten @ne zaman daha iyi bir isim olduğunu düşünüyor.

CEVAP VER

Lütfen yorumunuzu giriniz!
Lütfen isminizi buraya giriniz