Форматиращ инструмент за 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 на Code Formatter.