Pokud se zaměřujete na velké a komplexní projekty, je SASS nedocenitelným pomocníkem. SASS je CSS preprocesor, díky kterému se vývoj CSS stává rychlejší, přehlednější a kompaktnější. Mezi jeho hlavní funkce patří:
Variables (Proměnné) – Pokud pak chcete např. změnit barvu 15 prvků, nemusíte hledat 15 CSS selektorů, prostě přepíšete hodnotu proměnné.
Nesting (Zanořování) – Nemáte rádi nekonečně dlouhé selektory, které z většiny obsahují selektor nadřazeného prvku? Zanořte selektor dovnitř.
Partials (Části) – Vytvořte si parciální části, obsahující CSS, které pak můžete vkládat do jiných souborů. Zajistíte tak modularitu a přehled.
Operators (Operátory) – Jednoduše vám dovolují zadávat matematické výrazy do hodnot CSS
Mixins - Jistě jste se setkali s CSS3 výrazy, které jsou pro každý prohlížeč rozdílné. Díky této funkci je sjednotíte do jednoho zápisu. Jeden příklad, který názorně vysvětlí vše:
@mixin border-radius($radius) {
-webkit-border-radius: $radius;
-moz-border-radius: $radius;
-ms-border-radius: $radius;
border-radius: $radius;
}
.box { @include border-radius(10px); }
Extend/Inheritance (Rozšíření/Dědění) – Možnost nadefinovat základní nastavení elementu. A poté např. podle různých tříd měnit nastavení.