Proměnné v SASS

Jazyk SASS umožňuje používat proměnné. Proměnná představuje kontejner, ve kterém lze ukládat nějaká data a používat je na požadovaných místech kódu.

Chcete-li vytvořit proměnnou, musíte vymyslet její název a před něj umístit znak $. Poté za názvem proměnné vložíme dvojtečku a uvedeme hodnotu této proměnné. Pojďme pro příklad vytvořit proměnnou s názvem var:

styles.scss$var: 20px;

Nyní použijme tuto proměnnou jako hodnotu vlastnosti:

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

V důsledku po kompilaci do CSS místo naší proměnné bude dosazena její hodnota:

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

styles.scss$color: #000;

p {
  color: $color;
}