SASS/SCSS

SASS je CSS preprocesor, který rozšiřuje standardní CSS o proměnné, vnořování, mixiny, funkce a partials pro lépe udržovatelné styly. Existuje ve dvou syntaxích: původní SASS založené na odsazení a rozšířenější SCSS, které používá složené závorky a středníky stejně jako běžné CSS, takže každý platný CSS soubor je zároveň platným SCSS.

Praktická hodnota spočívá ve zvládání složitosti. Proměnné uchovávají znovupoužitelné hodnoty jako barvy a rozestupy. Vnořování zrcadlí strukturu HTML pro lepší čitelnost. Mixiny zapouzdřují opakující se vzory, jako jsou breakpointy media queries nebo sady vendor prefixů. Partials rozdělují styly do modulárních souborů, které se zkompilují do jednoho výstupu. Tyto funkce mají největší význam ve velkých kódových základnách, kde se čisté CSS stává obtížně udržovatelným. Moderní CSS už sice nativně nabízí proměnné i vnořování, SASS se však stále hojně používá, protože jeho ekosystém funkcí, vyspělé nástroje a integrace s frameworky poskytují možnosti, které nativní CSS dosud plně nenahradilo.