Less Formatter
Formatați foi de stil Less cu acest Less Formatter. Lipiți cod Less, iar instrumentul aranjează variabilele, regulile imbricate, mixin-urile cu parametri, apelurile de mixin, condițiile, funcțiile și interogările media, folosind indentare de două spații, câte o declarație pe linie și spațiere consecventă după două puncte și virgule. Valorile implicite ale parametrilor mixin-urilor rămân compacte, astfel încât dezvoltatorii front-end să obțină cod Less lizibil fără a rula compilatorul.
Întrebări frecvente
Cum funcționează Less Formatter?
Citește foaia de stil sub formă de tokenuri, precum acolade, punct și virgulă, două puncte, șiruri și comentarii, apoi reconstruiește aspectul pe baza lor. Fiecare acoladă de deschidere începe un bloc indentat cu două spații, iar fiecare declarație ocupă propria linie.
Cum sunt formatate variabilele?
Declarațiile de variabile precum @color: #333; au un spațiu după două puncte și se termină cu punct și virgulă. Referințele la variabile din valori sunt păstrate așa cum au fost scrise.
Cum sunt tratate mixin-urile cu parametri?
În parantezele parametrilor mixin-urilor, două puncte rămân atașate, astfel încât .mixin(@size:10px) își păstrează valoarea implicită compactă. După virgulele dintre argumente se adaugă un singur spațiu.
Apelurile de mixin rămân pe liniile lor?
Da, apelurile precum .mixin(5px); sau .bordered; se termină cu punct și virgulă și ocupă propria linie în interiorul regulii. Selectorii imbricați și regulile &:hover sunt indentate cu un nivel mai mult.
Sunt modificate funcțiile și operațiile?
Funcțiile precum darken(@color, 10%) sunt păstrate cu un spațiu după fiecare virgulă, iar semnul plus are spații de o parte și de alta, astfel încât 1px+2px devine 1px + 2px. Condițiile precum when (@a > 0) sunt păstrate pe linia selectorului.
Instrumentul compilează sau verifică Less-ul meu?
Nu, nu compilează în CSS și nu validează sintaxa, așa că formatează și fragmente neterminate. Folosiți compilatorul Less pentru a găsi erorile și a genera CSS.
Sunt păstrate comentariile?
Da, comentariile de linie // sunt păstrate și încheie linia, astfel că următorul cod începe dedesubt. Comentariile de bloc sunt păstrate acolo unde apar.
Pot ajusta indentarea?
Nu, formatterul folosește întotdeauna două spații și nu oferă setări. Prin urmare, aceeași foaie de stil produce întotdeauna același rezultat.
De ce rezultatul este delimitat ca less?
Rezultatul este returnat ca bloc de cod Markdown marcat less, care este afișat cu evidențiere în Markdown. Copiați liniile dintre delimitatori în fișierul .less.
Cât de mare poate fi foaia mea de stil?
Până la 5 MB pentru fiecare rulare; intrările mai mari sunt respinse cu un mesaj. Rezultatul este identic cu opțiunea Less din Code Formatter.