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

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

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

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

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

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