Formatter Less
Formattate i fogli di stile Less con questo Less Formatter. Incollate il codice Less: lo strumento dispone le variabili, le regole annidate, i mixin con parametri, le chiamate ai mixin, le guardie, le funzioni e le media query con un rientro di due spazi, una dichiarazione per riga e spaziatura uniforme dopo i due punti e le virgole. I valori predefiniti dei parametri dei mixin restano compatti, così chi sviluppa interfacce ottiene codice Less leggibile senza eseguire il compilatore.
Domande frequenti
Come funziona il Less Formatter?
Legge il foglio di stile come una sequenza di token, ad esempio parentesi graffe, punti e virgola, due punti, stringhe e commenti, e ne ricostruisce la struttura. Ogni parentesi graffa di apertura avvia un blocco con un rientro di due spazi e ogni dichiarazione occupa una riga propria.
Come vengono formattate le variabili?
Alle dichiarazioni di variabile come @color: #333; viene aggiunto uno spazio dopo i due punti e terminano con un punto e virgola. I riferimenti alle variabili nei valori restano invariati.
Come vengono gestiti i mixin con parametri?
Nelle parentesi dei parametri dei mixin, i due punti restano attaccati, così .mixin(@size:10px) mantiene il suo valore predefinito compatto. Dopo le virgole tra gli argomenti viene aggiunto un solo spazio.
Le chiamate ai mixin restano su righe proprie?
Sì, le chiamate come .mixin(5px); o .bordered; terminano con un punto e virgola e occupano una riga propria all'interno della regola. I selettori annidati e le regole &:hover hanno un rientro di un livello.
Le funzioni e le operazioni vengono modificate?
Le funzioni come darken(@color, 10%) mantengono uno spazio dopo ogni virgola, e i segni più hanno uno spazio su entrambi i lati: 1px+2px diventa 1px + 2px. Le guardie come when (@a > 0) restano sulla riga del selettore.
Lo strumento compila o controlla il mio Less?
No, non compila in CSS né convalida la sintassi, quindi formatta anche frammenti incompleti. Usate il compilatore Less per trovare gli errori e generare CSS.
I commenti vengono mantenuti?
Sì, i commenti di riga // vengono mantenuti e chiudono la riga, quindi il codice successivo inizia sotto. I commenti di blocco vengono mantenuti nella posizione originale.
Posso modificare il rientro?
No, il formattatore usa sempre due spazi e non offre impostazioni. Lo stesso foglio di stile produce quindi sempre lo stesso risultato.
Perché l'output è racchiuso in un blocco di codice less?
Il risultato viene restituito come blocco di codice Markdown contrassegnato come less, che viene visualizzato con evidenziazione in Markdown. Copiate le righe tra i delimitatori nel vostro file .less.
Qual è la dimensione massima del foglio di stile?
Fino a 5 MB per esecuzione; gli input più grandi vengono rifiutati con un messaggio. L'output è identico a quello dell'opzione Less del Formattatore di codice.