Sass

Описание

Sass расширяет CSS возможностями языка программирования: переменными для цветов и шрифтов, вложенными правилами, миксинами, функциями и модулями. Готовые стили компилируются в обычный CSS, который понимают все браузеры.

У Sass два синтаксиса: исходный с отступами в файлах .sass и совместимый с CSS синтаксис SCSS. На Sass построены Bootstrap и многие дизайн-системы.

Sass распространяется бесплатно по лицензии MIT и работает в России без ограничений.

Что входит

Sass расширяет CSS возможностями языка программирования: переменными для цветов и шрифтов, вложенными правилами, миксинами, функциями и модулями. Готовые стили компилируются в обычный CSS, который понимают все браузеры.

У Sass два синтаксиса: исходный с отступами в файлах .sass и совместимый с CSS синтаксис SCSS. На Sass построены Bootstrap и многие дизайн-системы.

Sass распространяется бесплатно по лицензии MIT и работает в России без ограничений.

Возможности

• Переменные и функции

• Вложенные правила

• Миксины и модули

• Компиляция в CSS

• Два синтаксиса: Sass и SCSS

• Бесплатно по лицензии MIT

Для начала работы

Поддерживаемые стили большого сайта в едином фирменном стиле.

Этап работы

Установите Dart Sass через npm.

Этап работы

Напишите стили с переменными и миксинами.

Этап работы

Скомпилируйте их в CSS и подключите к сайту.

Чем Sass отличается от SCSS?

Это два синтаксиса одного языка: Sass использует отступы, SCSS фигурные скобки как в CSS.

Понимают ли браузеры Sass?

Нет, Sass компилируется в обычный CSS.

Sass бесплатный?

Да, по лицензии MIT.

Бесплатно, лицензия MIT