Spremenljivke v SASS

Jezyk SASS omogoča uporabo spremenljivk. Spremenljivka predstavlja vsebnik, v katerem lahko shranimo nekatere podatke in jih uporabimo na želenih mestih v kodi.

Za ustvarjanje spremenljivke morate zamisliti jeno ime in pred njim postaviti znak $. Nato za imenom spremenljivke postavimo dvopičje in navedemo vrednost te spremenljivke. Za primer naredimo spremenljivko z imenom var:

styles.scss$var: 20px;

Zdaj pa uporabimo to spremenljivko kot vrednost lastnosti:

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

Kot rezultat bo po kompilaciji v CSS namesto naše spremenljivke nadomeščena njena vrednost:

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

styles.scss$color: #000;

p {
  color: $color;
}