Compilatore online da Less a CSS — Numio
Compila Less in CSS nel browser. Il compilatore ufficiale less.js espande variabili, annidamenti, mixin e operazioni in CSS standard, così puoi controllare il risultato senza installare lessc.
Controlla il CSS prodotto da variabili, annidamenti e mixin Less.
Less
CSS
Quando usarlo
- Controlla il CSS prodotto da variabili, annidamenti e mixin Less.
- Converti un piccolo file Less per un progetto che usa CSS standard.
Come si usa
- Incolla codice Less oppure apri un file .less.
- Scegli l’impostazione dei prefissi vendor per i browser di destinazione.
- Controlla il CSS generato e poi copialo.
Input Less
@primary: #2563eb;
.button {
color: @primary;
&:hover { text-decoration: underline; }
}Output CSS
.button {
color: #2563eb;
}
.button:hover {
text-decoration: underline;
}Dettagli e limiti
Una variabile non definita o una parentesi non chiusa interrompe la compilazione. Per trovare un errore, parti da uno snippet breve.
La compilazione avviene nel browser. Un @import di un URL esterno può indurre il browser a scaricare quella risorsa; è quindi preferibile usare codice autosufficiente.
Non sono disponibili import di altri file locali, plugin Less o opzioni del compilatore specifiche del progetto. I prefissi vendor dipendono dai browser di destinazione selezionati.
FAQ
Il risultato è lo stesso di lessc?
Usa less.js, lo stesso compilatore eseguito da lessc; un file autosufficiente viene quindi compilato nello stesso CSS con le opzioni predefinite. Funzionalità di progetto come import locali e plugin non sono disponibili qui.
Posso compilare un file che usa @import?
Gli import che puntano ad altri file sul tuo computer non possono essere risolti nel browser. Incolla il codice importato direttamente nell’input oppure compila l’intero progetto con lessc.
Qual è la differenza tra Less e CSS?
Less è un preprocessore CSS. Aggiunge variabili, annidamenti, mixin e funzioni e deve essere compilato in CSS prima che un browser possa usarlo.