Muuttujat SASS:ssa
SASS-kieli mahdollistaa muuttujien käytön. Muuttuja on säiliö, johon voi tallentaa tietoja ja käyttää niitä tarvittavissa kohdissa koodia.
Luodaksesi muuttujan, sinun täytyy 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 tulee sen arvo:
p {
font-size: 20px;
}
Kerro, mikä on seuraavan koodin kääntämisen tulos:
$color: #000;
p {
color: $color;
}