CSS do SCSS označuje proces prevodu štandardného CSS (kaskádové štýly) do SCSS (Sassy CSS) – syntaxe Sass, výkonného preprocesora CSS. SCSS rozširuje CSS o funkcie ako premenné, vnorenie, mixiny, funkcie a dedičnosť, aby sa vytvorili organizovanejšie a opakovane použiteľné štýly.
Premenné: Ukladajú opakovane použiteľné hodnoty, ako sú farby, veľkosti písma a jednotky rozstupov.
Vnorenie: Usporiadajte pravidlá CSS v hierarchickej štruktúre, ktorá odráža váš HTML.
Mixiny: Znovu použite skupiny štýlov vo viacerých prvkoch.
Funkcie a operátory: Vykonávajte výpočty alebo dynamicky manipulujte s hodnotami.
Organizácia kódu: Rozdeľte štýly do viacerých modulárnych parciálov pomocou @import alebo @use.
Pri práci na veľkých projektoch, ktoré vyžadujú lepšiu štruktúru a opätovnú použiteľnosť.
Pri údržbe alebo pripájaní sa k kódovej základni, ktorá už používa SCSS.
Keď potrebujete pokročilé funkcie, ktoré štandardné CSS neposkytuje (napr. slučky, matematické operácie).
Pri použití prístupu k štýlovaniu založeného na komponentoch alebo návrhovom systéme.