CSS į SCSS reiškia standartinio CSS (Cascading Style Sheets) konvertavimo į SCSS (Sassy CSS) procesą – tai Sass, galingo CSS išankstinio apdorojimo įrankio, sintaksė. SCSS išplečia CSS tokiomis funkcijomis kaip kintamieji, įdėjimas, mixin'ai, funkcijos ir paveldėjimas, kad būtų galima sukurti labiau organizuotus ir pakartotinai naudojamus stilių lapus.
Kintamieji: Saugokite pakartotinai naudojamas reikšmes, pvz., spalvas, šrifto dydžius ir tarpų vienetus.
Įdėjimas: Tvarkykite CSS taisykles hierarchinėje struktūroje, kuri atspindi jūsų HTML.
Mixin'ai: Pakartotinai naudokite stilių grupes keliuose elementuose.
Funkcijos ir operatoriai: Atlikite skaičiavimus arba dinamiškai manipuliuokite reikšmėmis.
Kodo organizavimas: Suskaidykite stilius į kelias modulines dalis naudodami @import arba @use.
Dirbant su dideliais projektais, kuriems reikalinga geresnė struktūra ir pakartotinio naudojimo galimybės.
Kai palaikoma arba prijungiama prie kodo bazės, kuri jau naudoja SCSS.
Kai reikia išplėstinių funkcijų, kurių standartinė CSS nepateikia (pvz., ciklų, matematinių operacijų).
Kai laikomasi komponentų pagrindu arba projektavimo sistemos stiliaus kūrimo metodo.