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:
@var: 20px;
Låt oss nu använda denna variabel som värde för en egenskap:
p {
font-size: @var;
}
Som ett resultat av kompilering till CSS kommer vårt variabelvärde att substitueras istället för variabeln:
p {
font-size: 20px;
}
Berätta vad som blir resultatet av kompilering av följande kod:
@color: #000;
p {
color: @color;
}