SCSS (Sassy CSS)
SCSS, CSS'e değişkenler, iç içe yazım, mixinler ve fonksiyonlar ekleyen bir CSS önişlemci sözdizimidir. .scss dosyaları, derleyici tarafından standart CSS'e dönüştürülür. SCSS, CSS'in bir üst kümesidir; yani geçerli CSS, geçerli SCSS'tir.
MIME Tipi
text/x-scss
Tip
Metin
Sikistirma
Kayipsiz
Avantajlar
- + CSS-compatible syntax — any CSS is valid SCSS
- + Powerful module system (@use, @forward) for large projects
- + Rich built-in functions for colors, math, and lists
- + Industry standard in enterprise design systems
Dezavantajlar
- − Requires a compilation step (Dart Sass or build tool)
- − Native CSS custom properties and nesting reduce the need for SCSS
- − Large projects can have complex dependency graphs
.SCSS Ne Zaman Kullanilir
Büyük ölçekli CSS projelerinde yeniden kullanılabilirlik, değişkenler ve mantıksal yapılar gerektiğinde SCSS kullanın. Küçük projeler veya utility-first yaklaşımlar için saf CSS veya Tailwind yeterli olabilir.
Teknik Detaylar
SCSS, $değişkenler, @mixin/@include, & üst seçici referansı, @extend kalıtımı, @use/@forward modül sistemi ve koşullu/döngü yapıları gibi özellikler sunar. Dart Sass, resmi uygulamadır.
Gecmis
Hampton Catlin, Sass'ı 2006'da girinti tabanlı bir söz dizimiyle oluşturdu. SCSS söz dizimi, 2010'da Sass 3.0 ile sunularak tam CSS uyumluluğu sağlandı.