Форматувальник 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 у форматувачі коду.