Utilizzare LESS per dichiarare una variabile in un file CSS

di , in HTML5, CSS3, LESS,

I CSS sono un meccanismo molto semplice per creare stili e riutilizzarli nell'applicazione web. Tuttavia, i CSS sono statici e non permettono quindi l'utilizzo di variabili, metodi e altri costrutti tipici dei linguaggi di programmazione. Ad esempio, non possiamo definire una variabile che contiene un colore e utilizzare questa variabile all'interno del CSS.
Con la libreria LESSCSS possiamo superare in parte queste limitazioni in quanto questa libreria ha lo scopo di aggiungere questo tipo di funzionalità alla sintassi CSS. Una volta prodotto un file che utilizza la sintassi LESS, compiliamo questo file per ottenere un file CSS puro.
Nel prossimo esempio possiamo vedere come dichiarare una variabile e riutilizzarne il contenuto sfruttando LESS.

@color: #fff;

body {
  background-color: @color;
}

Una volta compilato il file LESS,otteniamo il seguente file CSS puro.

body {
  background-color: #fff;
}

Commenti

Visualizza/aggiungi commenti

Utilizzare LESS per dichiarare una variabile in un file CSS (#81) 1010 1
| Condividi su: Twitter, Facebook, LinkedIn, Google+

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi