Veranderlikes in SASS
Die SASS-taal laat jou toe om veranderlikes te gebruik. 'n Veranderlike verteenwoordig 'n houer waarin jy data kan stoor en hulle op die nodige plekke in die kode kan gebruik.
Om 'n veranderlike te skep, moet jy 'n
naam daarvoor bedink
en die teken $ voor dit plaas.
Dan plaas ons 'n dubbelpunt na die veranderlike se naam
en spesifiseer die waarde van daardie veranderlike. Kom ons
maak vir die voorbeeld 'n veranderlike met die naam var:
$var: 20px;
Kom ons gebruik nou hierdie veranderlike as die waarde van 'n eienskap:
p {
font-size: $var;
}
As gevolg daarvan, na kompilering na CSS, sal die waarde van ons veranderlike in plaas daarvan gesubstitueer word:
p {
font-size: 20px;
}
Vertel, wat sal die resultaat van die kompilering van die volgende kode wees:
$color: #000;
p {
color: $color;
}