Input Less

CSS Compilato

Cos'è Less in CSS?

I browser comprendono CSS, non la sintassi Less. Questo convertitore trasforma il tuo codice Less in CSS standard in modo da poter utilizzare variabili, annidamento e pattern di stile riutilizzabili producendo output compatibile con i browser.

Usalo quando desideri una compilazione rapida senza configurare una pipeline di build. Tutto viene eseguito localmente nel tuo browser, quindi il tuo codice resta privato e la conversione è istantanea.

Come Usare il Convertitore Less in CSS

Segui questi passaggi per compilare Less in CSS compatibile con i browser. Ogni passaggio utilizza i pulsanti e i pannelli reali di questa pagina.

Incolla, Carica o Carica Esempio

Incolla Less nel pannello sinistro Input Less, oppure clicca su Carica per caricare un file .less. Clicca su Esempio per vedere stili di schede abbonato con variabili e mixin. Esempio di input Less:

@primary: #2563eb;
@spacing: 12px;
.subscriber-card {
  padding: @spacing;
  .plan-badge { color: @primary; font-weight: 700; }
  &:hover { background: #eef2ff; }
}

Visualizza CSS Compilato

Il pannello destro CSS Compilato mostra l'output istantaneamente. Le variabili vengono risolte, l'annidamento viene appiattito, i mixin vengono espansi.

Copia o Scarica

Clicca su Copia per copiare negli appunti, oppure Scarica per salvare come .css. Usa Cancella per ricominciare. Tutta la compilazione viene eseguita nel tuo browser.

Strumenti CSS Correlati

La compilazione è solitamente un passaggio in un flusso di lavoro di stili. Potresti anche aver bisogno di: