# Форматтер Less

Форматируйте таблицы стилей Less с помощью этого форматтера Less. Вставьте код Less, и инструмент оформит переменные, вложенные правила, миксины с параметрами, вызовы миксинов, ограничения, функции и медиазапросы: с отступом в два пробела, одним объявлением на строку и единообразными пробелами после двоеточий и запятых. Значения параметров миксинов по умолчанию остаются компактными, поэтому фронтенд-разработчики получают читабельный код Less без запуска компилятора.

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

### Как работает форматтер Less?

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

### Как форматируются переменные?

После двоеточия в объявлениях переменных, например @color: #333;, ставится пробел, а в конце — точка с запятой. Ссылки на переменные внутри значений сохраняются без изменений.

### Как обрабатываются миксины с параметрами?

В скобках с параметрами миксина двоеточие остается на месте, поэтому mixin(@size:10px) сохраняет компактное значение по умолчанию. После запятых между аргументами ставится один пробел.

### Вызовы миксинов остаются на отдельных строках?

Да, вызовы, такие как .mixin(5px); или .bordered;, заканчиваются точкой с запятой и размещаются на отдельной строке внутри правила. Вложенные селекторы и правила &:hover получают отступ на один уровень глубже.

### Изменяются ли функции и операции?

Функции, такие как darken(@color, 10%), сохраняются с пробелом после каждой запятой, а вокруг знака плюс ставятся пробелы: 1px+2px становится 1px + 2px. Ограничения, такие как when (@a > 0), сохраняются в строке селектора.

### Инструмент компилирует или проверяет мой код Less?

Нет, он не компилирует код в CSS и не проверяет синтаксис, поэтому форматирует даже незавершенные фрагменты. Используйте компилятор Less, чтобы найти ошибки и получить CSS.

### Комментарии сохраняются?

Да. Комментарии в строке с // сохраняются и завершают её, поэтому следующий код начинается ниже. Блочные комментарии остаются на своих местах.

### Можно ли изменить отступы?

Нет, форматтер всегда использует два пробела и не имеет настроек. Поэтому одна и та же таблица стилей всегда даёт одинаковый результат.

### Почему результат заключён в блок с указанием less?

Результат возвращается в виде Markdown блока кода с пометкой less и подсветкой в Markdown. Скопируйте строки между ограждениями в свой файл .less.

### Какого размера может быть моя таблица стилей?

До 5 MB за запуск; более крупный ввод отклоняется с сообщением. Результат идентичен варианту Less в форматтере кода.

Ваша реклама здесь?

[Напишите нам по электронной почте](mailto:hi@dennn.is?subject=%D0%A0%D0%B5%D0%BA%D0%BB%D0%B0%D0%BC%D0%B0%20%D0%BD%D0%B0%20OneClick%20Pro)

[Реклама Набор плагинов для работы агентов с WordPress.](https://sleekwp.com/?ref=oneclickpro)