Hoppa till innehåll

Less Formatter

Formatera Less-formatmallar med den här Less Formatter. Klistra in Less-kod, så strukturerar verktyget variabler, nästlade regler, mixins med parametrar, mixinanrop, villkor, funktioner och mediefrågor med två blankstegs indrag, en deklaration per rad och enhetliga mellanrum efter kolon och kommatecken. Standardvärden för mixinparametrar hålls kompakta, så att utvecklare i frontend får lättläst Less utan att köra kompilatorn.

Återställ

Vanliga frågor

Hur fungerar Less Formatter?

Den läser din formatmall som token, till exempel klammerparenteser, semikolon, kolon, strängar och kommentarer, och bygger upp strukturen utifrån dem. Varje inledande klammerparentes börjar ett block med två blankstegs indrag, och varje deklaration får en egen rad.

Hur formateras variabler?

Variabeldeklarationer som @color: #333; får ett blanksteg efter kolon och avslutas med semikolon. Variabelreferenser i värden behålls som de är skrivna.

Hur hanteras mixins med parametrar?

Inuti parenteser för mixinparametrar förblir kolon ihop med parametern, så .mixin(@size:10px) behåller sitt kompakta standardvärde. Kommatecken mellan argument får ett blanksteg efter sig.

Behålls mixinanrop på egna rader?

Ja, anrop som .mixin(5px); eller .bordered; avslutas med semikolon och står på en egen rad inuti regeln. Nästlade selektorer och &:hover-regler indenteras ett steg djupare.

Ändras funktioner och operationer?

Funktioner som darken(@color, 10%) behålls med ett blanksteg efter varje kommatecken, och plustecken får ett blanksteg på vardera sidan, så att 1px+2px blir 1px + 2px. Villkor som when (@a > 0) behålls på selektorraden.

Kompilerar eller kontrollerar verktyget min Less?

Nej, det kompilerar inte till CSS och validerar inte syntaxen, så det kan även formatera ofärdiga kodsnuttar. Använd Less-kompilatorn för att hitta fel och skapa CSS.

Bevaras kommentarer?

Ja, //-radkommentarer behålls och avslutar sin rad, så nästa kod börjar på raden under. Blockkommentarer behålls där de förekommer.

Kan jag ändra indraget?

Nej, formateraren använder alltid två blanksteg och har inga inställningar. Samma formatmall ger därför alltid samma resultat.

Varför omsluts resultatet av kodstängsel märkta less?

Resultatet returneras som ett Markdown kodblock märkt less, som visas med syntaxmarkering i Markdown. Kopiera raderna mellan kodstängslen till din .less-fil.

Hur stor kan min formatmall vara?

Upp till 5 MB per körning; större indata avvisas med ett meddelande. Utdata är identisk med Less-alternativet i Code Formatter.

Om OneClick Pro

OneClick Pro är en kostnadsfri samling med mer än 150 webbverktyg för det dagliga arbetet: konvertera bilder och enheter, formatera och validera kod, kontrollera domäner och SEO samt arbeta med text, datum och tal. Alla verktyg fungerar utan registrering eller prenumeration, och det du anger används bara för att beräkna resultatet och sparas aldrig. Använd samlingen som en snabb verktygslåda för enstaka uppgifter eller bokmärk verktygen du använder varje dag.