Variabler i LESS

Sproget LESS tillader brugen af variabler. En variabel er en container, hvor man kan gemme data og bruge dem de steder i koden, hvor det er nødvendigt.

For at oprette en variabel skal du finde på et navn til den og sætte symbolet @ foran. Efter variabelnavnet sætter vi et kolon og angiver variablens værdi. Lad os som eksempel lave en variabel med navnet var:

styles.less@var: 20px;

Lad os nu bruge denne variabel som værdi for en egenskab:

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

Som resultat efter kompilering til CSS vil variablens værdi blive indsat i stedet for variablen:

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

styles.less@color: #000;

p {
  color: @color;
}