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:

styles.scss$var: 20px;

Käytetään nyt tätä muuttujaa ominaisuuden arvona:

styles.scssp {
  font-size: $var;
}

Lopputuloksena, kun koodi käännetään CSS:ksi, muuttujan tilalle tulee sen arvo:

styles.cssp {
  font-size: 20px;
}

styles.scss$color: #000;

p {
  color: $color;
}