Форматтер SCSS

Форматтер SCSS приводит таблицы стилей к единообразному виду: настраивает отступы, пробелы, переносы строк, объявления и расположение вложенных правил. Он понимает переменные SCSS, вложенность, миксины, функции, плейсхолдеры, интерполяцию, комментарии и управляющие директивы.

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

Выберите табуляцию или пробелы, желаемую ширину строки и одинарные либо двойные кавычки. Обработка выполняется локально в браузере; исходный SCSS не загружается на сервер. Используйте Форматтер CSS если на входе уже скомпилированный CSS и требуется его минификация.

Частые вопросы о форматировании кода

Как отформатировать код на этой странице?

Вставьте код в левый редактор или загрузите файл, выберите нужные параметры и нажмите Форматировать. Проверьте результат справа, затем скопируйте или сохраните его.

Почему форматировщик может сообщить об ошибке?

Ввод должен соответствовать выбранному языку или синтаксису. Проверьте незавершённые выражения, непарные скобки или кавычки и неподходящий диалект либо режим, затем повторите попытку.

Как работает форматировщик кода?

Форматировщик распознаёт языковые токены и вложенную структуру, затем по единым правилам перестраивает отступы, пробелы и переносы строк. Он не компилирует и не запускает программу, поэтому не заменяет проверку корректности или безопасности.

Какие настройки рекомендуются для этого языка?

Начните с 2 пробелов и 80 или 100 столбцов и сохраните стиль кавычек окружающей таблицы стилей. Выберите табуляцию или пробелы, ширину строки и одинарные либо двойные кавычки для переменных, вложенности, миксинов, функций, интерполяции и комментариев SCSS.