Variabler i SASS

Språket SASS tillater bruk av variabler. En variabel representerer en beholder der man kan lagre noe data og bruke dem på de nødvendige stedene i koden.

For å opprette en variabel, må du finne på et navn for den og sette tegnet $ foran det. Deretter etter variabelnavnet setter vi et kolon og angir verdien til denne variabelen. La oss for eksempel lage en variabel med navnet var:

styles.scss$var: 20px;

La oss nå bruke denne variabelen som verdi for en egenskap:

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

Som et resultat, etter kompilering til CSS, vil verdien erstattes i stedet for variabelen vår:

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

styles.scss$color: #000;

p {
  color: $color;
}