Променливи в SASS

Езикът SASS позволява използването на променливи. Променливата представлява контейнер, в който може да се съхраняват някакви данни и да се използват на нужните места в кода.

За да създадете променлива, трябва да измислите името ѝ и пред него да поставите знака $. След това след името на променливата поставяме двоеточие и посочваме стойността на тази променлива. Нека за пример направим променлива с име var:

styles.scss$var: 20px;

Нека сега използваме тази променлива като стойност на свойство:

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

В резултат след компилация в CSS вместо нашата променлива ще се замести нейната стойност:

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

styles.scss$color: #000;

p {
  color: $color;
}