Less Formatter
Formatér Less-stylesheets med Less Formatter. Indsæt Less-kode, så opstiller værktøjet variabler, indlejrede regler, mixins med parametre, mixinkald, guards, funktioner og media queries med to mellemrum i indrykningen, én deklaration pr. linje og ensartet afstand efter koloner og kommaer. Standardværdier for mixinparametre forbliver kompakte, så frontendudviklere får læsbar Less uden at køre kompileren.
Ofte stillede spørgsmål
Hvordan fungerer Less Formatter?
Det læser dit stylesheet som tokens såsom klammer, semikoloner, koloner, strenge og kommentarer og genopbygger layoutet ud fra dem. Hver åbningsklamme starter en blok, der indrykkes med to mellemrum, og hver deklaration får sin egen linje.
Hvordan formateres variabler?
Variabeldeklarationer som @color: #333; får et mellemrum efter kolonet og afsluttes med et semikolon. Variabelreferencer i værdier bevares, som de er skrevet.
Hvordan håndteres mixins med parametre?
Inde i parenteser med mixinparametre bliver kolonet siddende, så .mixin(@size:10px) bevarer sin kompakte standardværdi. Kommaer mellem argumenter efterfølges af ét mellemrum.
Bevares mixinkald på deres egne linjer?
Ja, kald som .mixin(5px); eller .bordered; afsluttes med et semikolon og står på deres egen linje i reglen. Indlejrede selektorer og &:hover-regler indrykkes ét niveau dybere.
Ændres funktioner og operationer?
Funktioner som darken(@color, 10%) bevares med et mellemrum efter hvert komma, og et plustegn får et mellemrum på hver side, så 1px+2px bliver til 1px + 2px. Guards som when (@a > 0) bevares på selektorlinjen.
Kompilerer eller kontrollerer værktøjet min Less?
Nej, det kompilerer ikke til CSS og validerer ikke syntaks, så det formaterer også ufærdige kodestykker. Brug Less-kompileren til at finde fejl og generere CSS.
Bevares kommentarer?
Ja, //-linjekommentarer bevares og afslutter deres linje, så den næste kode begynder nedenunder. Blokkommentarer bevares dér, hvor de står.
Kan jeg justere indrykningen?
Nej, formateringsværktøjet bruger altid to mellemrum og har ingen indstillinger. Det samme stylesheet giver derfor altid det samme resultat.
Hvorfor er outputtet omsluttet af en less-kodeblok?
Resultatet returneres som en Markdown-kodeblok markeret med less, så det vises med syntaksfremhævning i Markdown. Kopiér linjerne mellem blokmarkørerne til din .less-fil.
Hvor stort kan mit stylesheet være?
Op til 5 MB pr. kørsel; større input afvises med en besked. Outputtet er identisk med Less-indstillingen i Code Formatter.