Premenné v LESS

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

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

styles.less@var: 20px;

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

styles.lessp {
  font-size: @var;
}

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

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

styles.less@color: #000;

p {
  color: @color;
}