Muutujad SASS-is

Keel SASS võimaldab kasutada muutujaid. Muutuja on konteiner, milles saab salvestada andmeid ja kasutada neid vajalikes kohtades koodis.

Muutuja loomiseks tuleb välja mõelda selle nimi ja panna selle ette märk $. Seejärel paneme muutuja nime järele kooloni ja määrame selle muutuja väärtuse. Teeme näiteks muutuja nimega var:

styles.scss$var: 20px;

Kasutame nüüd seda muutujat omaduse väärtusena:

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

Tulemusena pärast kompileerimist CSS-i asendatakse meie muutuja selle väärtusega:

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

styles.scss$color: #000;

p {
  color: $color;
}