Promenljive u SASS

Jezik SASS omogućava korišćenje promenljivih. Promenljiva predstavlja kontejner u kojem možete čuvati određene podatke i koristiti ih na potrebnim mestima u kodu.

Da biste kreirali promenljivu, potrebno je da smislite njeno ime i ispred njega stavite znak $. Zatim posle imena promenljive stavljamo dvotačku i navodimo vrednost te promenljive. Hajde da za primer napravimo promenljivu sa imenom var:

styles.scss$var: 20px;

Hajde sada da upotrebimo ovu promenljivu kao vrednost svojstva:

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

Kao rezultat nakon kompilacije u CSS umesto naše promenljive biće postavljena njena vrednost:

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

styles.scss$color: #000;

p {
  color: $color;
}