Formátovač Less
Formátujte štýly Less pomocou tohto formátovača Less. Vložte kód Less a nástroj usporiada premenné, vnorené pravidlá, mixiny s parametrami, volania mixinov, podmienky, funkcie a mediálne dotazy s odsadením dvoma medzerami, jednou deklaráciou na riadok a jednotnými medzerami za dvojbodkami a čiarkami. Predvolené hodnoty parametrov mixinov zostanú kompaktné, takže vývojári front-endu získajú prehľadný kód Less bez spustenia kompilátora.
Často kladené otázky
Ako funguje formátovač Less?
Číta váš štýl ako tokeny, napríklad zložené zátvorky, bodkočiarky, dvojbodky, reťazce a komentáre, a podľa nich znova zostaví jeho rozloženie. Každá otváracia zložená zátvorka začína blok odsadený o dve medzery a každá deklarácia má vlastný riadok.
Ako sa formátujú premenné?
Za dvojbodku v deklaráciách premenných, napríklad @color: #333;, sa vloží medzera a deklarácia sa ukončí bodkočiarkou. Odkazy na premenné v hodnotách zostanú v pôvodnom tvare.
Ako sa spracúvajú mixiny s parametrami?
V zátvorkách parametrov mixinu zostáva dvojbodka pripojená, takže .mixin(@size:10px) si zachová svoju kompaktnú predvolenú hodnotu. Medzi argumentmi je za čiarkou vždy jedna medzera.
Zostávajú volania mixinov na samostatných riadkoch?
Áno, volania ako .mixin(5px); alebo .bordered; sa končia bodkočiarkou a v rámci pravidla sú na samostatnom riadku. Vnorené selektory a pravidlá &:hover sú odsadené o jednu úroveň viac.
Menia sa funkcie a operácie?
Vo funkciách, ako je darken(@color, 10%), zostáva za každou čiarkou medzera a okolo znamienka plus je medzera, takže 1px+2px sa zmení na 1px + 2px. Podmienky, ako napríklad when (@a > 0), zostávajú na riadku selektora.
Kompiluje alebo kontroluje nástroj môj Less?
Nie, nekompiluje kód do CSS ani nekontroluje syntax, takže formátuje aj nedokončené úryvky. Chyby a výstup CSS získate pomocou kompilátora Less.
Zachovajú sa komentáre?
Áno, riadkové komentáre // sa zachovajú a ukončia svoj riadok, takže ďalší kód sa začne pod nimi. Blokové komentáre zostanú na pôvodnom mieste.
Môžem upraviť odsadenie?
Nie, formátovač vždy používa dve medzery a neponúka žiadne nastavenia. Rovnaká šablóna so štýlmi preto vždy vytvorí rovnaký výsledok.
Prečo je výstup ohraničený ako kód less?
Výsledok sa vráti ako blok kódu Markdown označený ako less, ktorý sa v Markdown zobrazí so zvýraznením syntaxe. Pre súbor .less skopírujte riadky medzi ohraničeniami.
Aký veľký môže byť môj štýl?
Pri jednom spustení možno spracovať až 5 MB; väčší vstup sa odmietne so správou. Výstup je rovnaký ako pri možnosti Less vo Formátovači kódu.