# Форматувальник 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)