SCSS и Sass Компилятор

Скомпилируйте вставленные фрагменты SCSS/Sass или локальные файлы .scss/.sass прямо в браузере. Ваша таблица стилей не загружается, не регистрируется и не отправляется в API.

Нажмите, чтобы выбрать файл SCSS/Sass, или перетащите его сюда.

Вы также можете вставить SCSS/Sass прямо в редактор ниже.

0 байт

0 байт

Готово

Компиляция, встроенная в браузер

Компиляция выполняется локально с использованием официальной реализации Dart Sass. Никакие таблицы стилей не отправляются на серверы Convertr.

Ввод фрагмента и файла

Вставьте частичный SCSS, полные таблицы стилей, вложенные правила, переменные, примеси или загрузите локальный файл .scss.

Безопасное измерение

В аналитике используются только сегменты размера и сокращения. SCSS источник, переменные, примеси и имена файлов остаются вне телеметрии.

Часто задаваемые вопросы

Мой SCSS загружен на Convertr?

Нет. Компилятор SCSS работает локально с браузером JavaScript. Вставленные SCSS и выбранные файлы не отправляются на серверы Convertr.

Что происходит, когда SCSS имеет синтаксическую ошибку?

Ошибка компилятора с номерами строк и столбцов отображается на панели предупреждений, чтобы вы могли найти и исправить ошибку.

Поддерживает ли это @import или удаленные зависимости?

Нет. Для обеспечения скорости, автономной доступности и конфиденциальности в этом браузерном компиляторе отключены удаленный импорт и доступ к файловой системе.

Сопутствующие инструменты разработчика

CSS Минификатор Сжать таблицы стилей CSS CSS Конвертер цветов Преобразовать CSS цветов CSS Gradient генератор Создание CSS градиентов локально HTML Минификатор Сжать фрагменты HTML JavaScript Минификатор Сжать код JavaScript Инструменты разработчика Просмотр утилит браузера

SCSS Компилятор

Компилировать поддерживаемый SCSS синтез в CSS с помощью перегруженного браузера.

Ввод
SCSS Source Plus Output-style опции.
Вывод
Комплектные CSS или компилятор диагностики.
Реальные ограничения
Комплектор браузера не решает произвольные импортные проекты, выполняет плагины постройки или гарантирует паритет с другой версией Sass.
Приватность и обработка данных
Ссылка на SCSS плюс опции вида выхода обрабатываются в этой таблице браузера. конвертер не получает или не хранит; закрытие или перезагрузка страницы очищает состояние работы, если инструмент явно не предлагает локальное загрузку.

Как использовать этот инструмент

  1. Осуществляйте опции источника SCSS плюс варианты выхода в контроле инструментов.
  2. Выберите настройки, которые влияют на составленные CSS или диагностику компилятора, а затем запускайте инструмент.
  3. Предыдущая записьСписок CSS или диагностика компилятора перед копированием или загрузкой.

Общие способы неудачи

Неопределенные переменные, отсутствующие смеси, недоступные импортные или недействительные настойки возвращают ошибку в составлении линейного значения.

Полезный пример

Составьте $brand променную и нестируемую .button hover-религу в расширенный или компрессированный CSS.