CSS u SCSS odnosi se na proces pretvaranja standardnog CSS-a (Cascading Style Sheets) u SCSS (Sassy CSS) — sintaksu Sass-a, moćnog CSS preprocesora. SCSS proširuje CSS značajkama poput varijabli, ugniježđivanja, miksina, funkcija i nasljeđivanja kako bi se stvorili organiziraniji i ponovno upotrebljivi stilski listovi.
Varijable: Pohranjuju vrijednosti za višekratnu upotrebu poput boja, veličina fonta i jedinica razmaka.
Ugniježđivanje: Organizirajte CSS pravila u hijerarhijsku strukturu koja odražava vaš HTML.
Miksini: Ponovno koristite grupe stilova na više elemenata.
Funkcije i operatori: Izvodite izračune ili dinamički manipulirajte vrijednostima.
Organizacija koda: Razbijte stilove u više modularnih parcijala pomoću @import ili @use.
Prilikom rada na velikim projektima kojima je potrebna bolja struktura i mogućnost ponovne upotrebe.
Prilikom održavanja ili pridruživanja kodnoj bazi koja već koristi SCSS.
Kada su potrebne napredne značajke koje standardni CSS ne pruža (npr. petlje, matematičke operacije).
Prilikom korištenja pristupa stiliziranju temeljenog na komponentama ili dizajnerskom sustavu.