CSS-препроцессоры SASS и SCSS

SASS и SCSS — это препроцессоры, расширяющие возможности написания CSS‑стилей за счёт синтаксического сахара.

Они позволяют использовать в создании CSS‑кода вложенность правил и возможности языков программирования — переменные, циклы и функции. Это облегчает разработку масштабных проектов и поддержку целостности правил внутри большого набора стилей.

Первоначально SASS являлся частью другого препроцессора — Haml, который зародился в экосистеме Ruby & Ruby on Rails. SASS оказался удобным инструментом для работы со стилями и вышел за рамки этой экосистемы.

Развитием идеи SASS стал стандарт SCSS, совместимый с обычным CSS (любой валидный CSS‑документ — валидный SCSS). Так как SCSS полностью совместим со всеми версиями CSS, то в SCSS‑проектах можно использовать любые доступные библиотеки, написанные на обычном CSS.

В настоящее время SСSS является наиболее развитым и стабильным расширением CSS.