Veranderlikes in LESS
Die LESS-taal laat jou toe om veranderlikes te gebruik. 'n Veranderlike is 'n houer waarin jy data kan stoor en op die nodige plekke in die kode gebruik.
Om 'n veranderlike te skep, moet jy
'n naam daarvoor bedink
en die simbool @ daarvoor sit.
Dan sit ons 'n dubbelpunt na die naam
en spesifiseer die waarde van die veranderlike. Kom ons
maak byvoorbeeld '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 hiervan, na kompilering na CSS, sal die waarde van ons veranderlike in die plek daarvan gesit word:
p {
font-size: 20px;
}
Vertel wat die resultaat van die kompilering van die volgende kode sal wees:
@color: #000;
p {
color: @color;
}