Варијабле у 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;
}