CSS sa SCSS ay tumutukoy sa proseso ng pag-convert ng karaniwang CSS (Cascading Style Sheets) sa SCSS (Sassy CSS) — isang syntax ng Sass, isang malakas na CSS preprocessor. Pinapalawak ng SCSS ang CSS gamit ang mga feature tulad ng mga variable, nesting, mixin, function, at inheritance para gumawa ng mas organisado at magagamit muli na mga stylesheet.
Mga Variable: Mag-imbak ng mga halagang magagamit muli tulad ng mga kulay, laki ng font, at mga unit ng espasyo.
Nesting: Ayusin ang mga panuntunan ng CSS sa isang hierarchical na istraktura na sumasalamin sa iyong HTML.
Mga Mixin: Muling gumamit ng mga pangkat ng mga istilo sa maraming elemento.
Mga Function at Operator: Magsagawa ng mga kalkulasyon o dynamic na manipulahin ang mga halaga.
Organisasyon ng Code: Hatiin ang mga istilo sa maraming modular na partial gamit ang @import o @use.
Kapag gumagawa sa mga malalaking proyekto na nangangailangan ng mas mahusay na istraktura at muling paggamit.
Kapag nagpapanatili o sumasali sa isang codebase na gumagamit na ng SCSS.
Kapag nangangailangan ng mga advanced na feature na hindi ibinibigay ng karaniwang CSS (hal., mga loop, mga pagpapatakbo sa matematika).
Kapag sumusunod sa isang nakabatay sa bahagi o sistema ng disenyo sa pag-istilo.
