Muuttujat LESS:ssä
LESS-kieli mahdollistaa muuttujien käytön. Muuttuja on säiliö, johon voidaan tallentaa tietoja ja käyttää niitä tarvittavissa kohdissa koodia.
Luodaksesi muuttujan, sinun tulee keksiä
sille nimi ja laittaa ennen nimeä @-merkki.
Sitten muuttujan nimen jälkeen laitamme kaksoispisteen
ja määritämme muuttujan arvon. Luodaan
esimerkiksi muuttuja nimeltä var:
@var: 20px;
Käytetään nyt tätä muuttujaa ominaisuuden arvona:
p {
font-size: @var;
}
Lopputuloksena, kun koodi käännetään CSS:ksi, muuttujan tilalle substituoidaan sen arvo:
p {
font-size: 20px;
}
Kerro, mikä on seuraavan koodin kääntämisen lopputulos:
@color: #000;
p {
color: @color;
}