Premenné v SASS

Jazyk SASS umožňuje používať premenné. Premenná predstavuje kontajner, v ktorom môžete ukladať nejaké dáta a používať ich na potrebných miestach kódu.

Ak chcete vytvoriť premennú, musíte vymyslieť jej meno a pred neho umiestniť znak $. Potom za menom premennej dáme dvojbodku a uvedieme hodnotu tejto premennej. Poďme napríklad vytvoriť premennú s názvom var:

styles.scss$var: 20px;

Poďme teraz použiť túto premennú ako hodnotu vlastnosti:

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

V dôsledku toho sa po kompilácii do CSS namiesto našej premennej dosadí jej hodnota:

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

styles.scss$color: #000;

p {
  color: $color;
}