CSS ke SCSS mengacu pada proses konversi CSS (Cascading Style Sheets) standar menjadi SCSS (Sassy CSS) — sintaksis Sass, praprosesor CSS yang canggih. SCSS memperluas CSS dengan fitur-fitur seperti variabel, nesting, mixin, fungsi, dan pewarisan untuk membuat stylesheet yang lebih terorganisasi dan dapat digunakan kembali.
Variabel: Menyimpan nilai yang dapat digunakan kembali seperti warna, ukuran font, dan unit spasi.
Nesting: Mengatur aturan CSS dalam struktur hierarki yang mencerminkan HTML Anda.
Mixin: Menggunakan kembali grup gaya di beberapa elemen.
Fungsi & Operator: Melakukan kalkulasi atau memanipulasi nilai secara dinamis.
Organisasi Kode: Membagi gaya menjadi beberapa bagian modular menggunakan @import atau @use.
Saat mengerjakan proyek besar yang membutuhkan struktur dan penggunaan ulang yang lebih baik.
Saat memelihara atau menggabungkan basis kode yang sudah menggunakan SCSS.
Saat membutuhkan fitur lanjutan yang tidak disediakan CSS standar (misalnya, loop, operasi matematika).
Saat mengikuti pendekatan berbasis komponen atau sistem desain untuk penataan gaya.
