CSS do SCSS označuje proces převodu standardního CSS (Cascading Style Sheets) do SCSS (Sassy CSS) – syntaxe Sass, výkonného preprocesoru CSS. SCSS rozšiřuje CSS o funkce, jako jsou proměnné, vnořování, mixiny, funkce a dědičnost, a vytváří tak organizovanější a opakovaně použitelné stylové listy.
Proměnné: Ukládají opakovaně použitelné hodnoty, jako jsou barvy, velikosti písma a jednotky mezer.
Vnořování: Uspořádejte pravidla CSS do hierarchické struktury, která zrcadlí váš HTML.
Mixiny: Znovu používejte skupiny stylů napříč více prvky.
Funkce a operátory: Provádějte výpočty nebo dynamicky manipulujte s hodnotami.
Organizace kódu: Rozdělte styly do více modulárních partialů pomocí @import nebo @use.
Při práci na velkých projektech, které vyžadují lepší strukturu a opětovnou použitelnost.
Při údržbě nebo připojení k kódové základně, která již používá SCSS.
Při potřebě pokročilých funkcí, které standardní CSS neposkytuje (např. smyčky, matematické operace).
Při použití komponentního nebo návrhového systému přístupu ke stylování.
