Variabler i LESS

Språket LESS tillater bruk av variabler. En variabel er en beholder der du kan lagre data og bruke dem der det trengs i koden.

For å opprette en variabel, må du finne på et navn og sette tegnet @ foran. Deretter setter vi et kolon etter variabelnavnet og angir verdien til variabelen. La oss lage en variabel med navnet var som et eksempel:

styles.less@var: 20px;

La oss nå bruke denne variabelen som verdi for en egenskap:

styles.lessp {
  font-size: @var;
}

Som et resultat, etter kompilering til CSS, vil verdien av variabelen bli satt inn i stedet for variabelen:

styles.cssp {
  font-size: 20px;
}

styles.less@color: #000;

p {
  color: @color;
}