Variabler i LESS

Språket LESS tillåter användning av variabler. En variabel representerar en behållare, där man kan lagra data och använda dem på de ställen i koden där de behövs.

För att skapa en variabel måste du hitta på ett namn och sätta tecknet @ framför det. Sedan sätter vi ett kolon efter variabelnamnet och anger variabelns värde. Låt oss skapa en variabel med namnet var som ett exempel:

styles.less@var: 20px;

Låt oss nu använda denna variabel som värde för en egenskap:

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

Som ett resultat av kompilering till CSS kommer vårt variabelvärde att substitueras istället för variabeln:

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

styles.less@color: #000;

p {
  color: @color;
}