Перечислим кратко основные возможности и особенности Sass, которые делают его таким удобным и могучим по сравнению с CSS.
Вложения
Мы можем легко получать нужные нам комбинации селекторов, просто вкладывая один блок с правилами CSS в другой. Получается компактно и наглядно, потому что мы точно знаем, что от чего зависит.
Переменные
Переменные позволяют хранить некоторые значения и затем подставлять их в нужное место кода. Удобно использовать для цвета и размера, поскольку они довольно часто повторяются в пределах одной веб-страницы. Таким образом, мы устанавливаем значение в одном месте, а Sass уже дублирует его самостоятельно. Если нам понадобится изменить везде один цвет на другой, нет необходимости прибегать к поиску и замене, достаточно изменить значение переменной.
Вычисления
В Sass можно складывать, вычитать, умножать и делить разные размеры, получая новые значения. Всё это легко сочетается с переменными, поэтому нам не надо вычислять многие вещи самостоятельно. Пусть этим занимается Sass, а не мы.
Примеси
Примеси или миксины, как их иногда называют, — это аналоги функций в языках программирования. Примеси можно вызывать множество раз и передавать им параметры, которые расширяют возможности примесей.
Импорт файлов
Sass позволяет объединять несколько отдельных файлов в один с помощью импорта.
Циклы
С помощью циклов можно сделать повторение фрагментов кода, которые лишь незначительно отличается между собой.
Условные выражения
Без операторов if и else не обходится практически ни один язык программирования. В Sass также можно выполнять набор команд только при истинности заданных условий.
Недостатки
Sass на большинстве хостингах не поддерживается в чистом виде и файл предварительно надо скомпилировать в CSS. Это можно сделать на своём компьютере, установив предварительно необходимое программное обеспечение или через онлайновые сервисы. Также существуют утилиты на PHP, они преобразуют Sass-файл в CSS-файл на лету.В любом случае процесс преобразования потребует от вас каких-то действий и знаний.