Variabelen in SASS
De taal SASS staat het gebruik van variabelen toe. 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
als 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;
}