Variabelen in LESS
De taal LESS maakt het mogelijk om variabelen te gebruiken. Een variabele is een container waarin je gegevens kunt opslaan en ze op de gewenste plaatsen in de code kunt gebruiken.
Om een variabele aan te maken, moet je een
naam bedenken
en daarvoor het teken @ plaatsen.
Vervolgens zetten we een dubbele punt na de variabelenaam
en specificeren we de waarde van deze variabele. Laten we
voor het voorbeeld een variabele met de naam var maken:
@var: 20px;
Laten we deze variabele nu gebruiken als waarde voor een eigenschap:
p {
font-size: @var;
}
Als resultaat zal na compilatie naar CSS in plaats van onze variabele de waarde ervan worden ingevuld:
p {
font-size: 20px;
}
Vertel wat het resultaat zal zijn van de compilatie van de volgende code:
@color: #000;
p {
color: @color;
}
