SCSS (Sassy CSS)
SCSS adalah sintaks modern dari Sass, preprocessor CSS paling populer. Menggunakan sintaks superset CSS (kurung kurawal dan titik koma) dengan variabel, nesting, mixin, fungsi, dan modul. SCSS digunakan oleh Bootstrap 5, alat build Tailwind, dan sistem desain enterprise.
Tipe MIME
text/x-scss
Tipe
Teks
Kompresi
Lossless
Kelebihan
- + 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
Kekurangan
- − 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
Kapan Menggunakan .SCSS
Gunakan SCSS untuk stylesheet kompleks, sistem desain, dan proyek apa pun yang mendapat manfaat dari variabel, mixin, dan arsitektur CSS modular.
Detail Teknis
File SCSS dikompilasi ke CSS melalui Dart Sass (implementasi referensi). Fitur termasuk $variabel, @mixin/@include, nesting, @extend, modul @use/@forward, dan fungsi bawaan untuk warna, matematika, dan string.
Riwayat
Hampton Catlin membuat Sass pada tahun 2006 dengan sintaks berbasis indentasi. SCSS (Sassy CSS) diperkenalkan di Sass 3.0 (2010) dengan sintaks yang kompatibel CSS, dan dengan cepat menjadi gaya Sass yang dominan.