Форматтер 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 в форматтере кода.