SCSS

Описание

SCSS использует привычные фигурные скобки и точки с запятой, поэтому переход с CSS занимает минуты: достаточно переименовать файл в .scss и постепенно добавлять переменные, вложенность и миксины.

Именно синтаксис SCSS используют большинство проектов на Sass, включая Bootstrap. Файлы компилируются в обычный CSS с помощью Dart Sass.

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

Что входит

SCSS использует привычные фигурные скобки и точки с запятой, поэтому переход с CSS занимает минуты: достаточно переименовать файл в .scss и постепенно добавлять переменные, вложенность и миксины.

Именно синтаксис SCSS используют большинство проектов на Sass, включая Bootstrap. Файлы компилируются в обычный CSS с помощью Dart Sass.

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

Возможности

• Полная совместимость с CSS

• Переменные и вложенность

• Миксины и функции

• Модули @use

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

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

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

Плавный переход от обычного CSS к удобной поддержке стилей.

Этап работы

Переименуйте CSS-файл в .scss.

Этап работы

Добавьте переменные, вложенность и миксины.

Этап работы

Скомпилируйте SCSS в CSS через Dart Sass или сборщик.

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

SCSS добавляет переменные, вложенность и миксины, а затем компилируется в обычный CSS.

Нужно ли переписывать CSS?

Нет, любой CSS уже является корректным SCSS.

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

Да, компилятор Sass распространяется по лицензии MIT.

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