Változók a SASS-ban

A SASS nyelv lehetővé teszi változók használatát. A változó olyan tároló, amelyben adatokat tárolhatunk, és használhatjuk azokat a kód szükséges részein.

Változó létrehozásához ki kell találnunk a nevét, és elé kell tennünk a $ jelet. Ezután a változó neve után kettőspontot teszünk, és megadjuk a változó értékét. Példaként készítsünk egy var nevű változót:

styles.scss$var: 20px;

Most használjuk ezt a változót egy tulajdonság értékeként:

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

Ennek eredményeképpen a CSS-sé történő fordítás után a változó helyére annak értéke kerül:

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

styles.scss$color: #000;

p {
  color: $color;
}