CSS v SCSS se nanaša na postopek pretvorbe standardnega CSS (Cascading Style Sheets) v SCSS (Sassy CSS) – sintakso Sass, zmogljivega predprocesorja CSS. SCSS razširja CSS s funkcijami, kot so spremenljivke, gnezdenje, mešanice, funkcije in dedovanje, da ustvari bolj organizirane in ponovno uporabne slogovne predloge.
Spremenljivke: Shranjujte vrednosti za večkratno uporabo, kot so barve, velikosti pisav in enote za razmik.
Gnezdenje: Organizirajte pravila CSS v hierarhično strukturo, ki odraža vaš HTML.
Mešanice: Ponovno uporabite skupine slogov v več elementih.
Funkcije in operatorji: Izvajajte izračune ali dinamično manipulirajte z vrednostmi.
Organizacija kode: Razdelite sloge v več modularnih delnih oblik z uporabo @import ali @use.
Pri delu na velikih projektih, ki potrebujejo boljšo strukturo in možnost ponovne uporabe.
Pri vzdrževanju ali pridruževanju kodni bazi, ki že uporablja SCSS.
Ko potrebujete napredne funkcije, ki jih standardni CSS ne ponuja (npr. zanke, matematične operacije).
Pri uporabi pristopa k oblikovanju, ki temelji na komponentah ali oblikovalskem sistemu.