Less Formatter
Formátujte šablony stylů Less pomocí tohoto formátovače Less. Vložte kód Less a nástroj přehledně uspořádá proměnné, vnořená pravidla, mixiny s parametry, volání mixinů, podmínky, funkce a mediální dotazy s odsazením o dvě mezery, jedním deklarovaným pravidlem na řádek a jednotnými mezerami za dvojtečkami a čárkami. Výchozí hodnoty parametrů mixinů zůstanou kompaktní, takže vývojáři frontendu získají čitelný Less bez spuštění kompilátoru.
Často kladené otázky
Jak funguje Less Formatter?
Čte šablonu stylů jako posloupnost tokenů, například složených závorek, středníků, dvojteček, řetězců a komentářů, a podle nich znovu sestavuje její rozvržení. Každá otevírací složená závorka zahajuje blok odsazený o dvě mezery a každá deklarace má vlastní řádek.
Jak se formátují proměnné?
Deklarace proměnných, například @color: #333;, mají za dvojtečkou mezeru a končí středníkem. Odkazy na proměnné uvnitř hodnot zůstávají beze změny.
Jak se zpracovávají mixiny s parametry?
Uvnitř závorek s parametry mixinu zůstává dvojtečka připojená, takže .mixin(@size:10px) zachová svou kompaktní výchozí hodnotu. Za čárkami mezi argumenty se vloží jedna mezera.
Zůstávají volání mixinů na vlastních řádcích?
Ano, volání, například .mixin(5px); nebo .bordered;, končí středníkem a mají vlastní řádek uvnitř pravidla. Vnořené selektory a pravidla &:hover jsou odsazeny o jednu úroveň hlouběji.
Mění se funkce a operace?
Funkce, jako je darken(@color, 10%), mají za každou čárkou mezeru a kolem znaménka plus se vloží mezery, takže 1px+2px bude 1px + 2px. Podmínky, například when (@a > 0), zůstávají na řádku se selektorem.
Kompiluje nástroj můj Less nebo kontroluje jeho správnost?
Ne, nekompiluje jej do CSS ani neověřuje syntaxi, takže formátuje také nedokončené úryvky. Chyby a výstup CSS získáte pomocí kompilátoru Less.
Zachovají se komentáře?
Ano, řádkové komentáře // zůstávají a ukončují svůj řádek, takže další kód začíná pod nimi. Blokové komentáře zůstávají na místě.
Mohu upravit odsazení?
Ne, formátovač vždy používá dvě mezery a nenabízí žádná nastavení. Stejná šablona stylů proto vždy vytvoří stejný výsledek.
Proč je výstup uzavřen v bloku kódu less?
Výsledek se vrací jako blok kódu Markdown označený less, takže se v Markdown zobrazuje se zvýrazněním syntaxe. Pro soubor .less zkopírujte řádky mezi ohraničujícími značkami.
Jak velká může být moje šablona stylů?
Až 5 MB na jedno spuštění; větší vstup bude odmítnut s upozorněním. Výstup je totožný s možností Less ve formátovači kódu.