Sass (Syntactically Awesome StyleSheets) — расширение CSS, которое добавляет мощь и элегантность основному языку. Оно позволяет использовать переменные, вложенные правила, примеси, импорт и прочее, обеспечивая полностью CSS-совместимый синтаксис. Sass помогает упорядочить содержимое больших файлов, а малым обеспечивает лучшую скорость работы, частично с помощью библиотеки Compass.
Особенности:
- Полная поддержка CSS;
- Языковые расширения — переменные, вложенности, примеси;
- Множество удобных функций для манипуляций цветами и другими параметрами;
- Продвинутые возможности, такие как контроль директив для библиотек;
- Удобно форматируемый и настраиваемый конечный файл.
Синтаксис
Существует два типа синтаксиса для Sass. Первый, известный как SCSS (Sassy CSS), является расширением языка CSS. Это означает, что любой валидный файл стилей является валидным SCSS файлом. Вдобавок SCSS понимает большинство CSS-хаков и специфических вендорных свойств, таких как свойство filter для старых версий IE. Этот синтаксис расширен возможностями Sass, описанными ниже. Файлы, использующие этот синтаксис, имеют расширение .scss.
Второй, более старый синтаксис, известный как синтаксис отступов (или просто «Sass»), обеспечивает более лаконичный вариант написания CSS. Он использует отступы вместо скобок для отображения вложенности селекторов и переходы на новую строку вместо точки с запятой для отдельных свойств. Некоторые люди считают этот синтаксис более читаемым и более быстрым в написании, чем SCSS. Синтаксис отступов имеет всё те же особенности, некоторые из них имеют слегка отличное написание. Файлы, использующие этот синтаксис, имеют расширение .sass.
