Spremenljivke v LESS

Jezyk LESS omogoča uporabo spremenljivk. Spremenljivka predstavlja vsebnik, v katerem lahko shranimo nekatere podatke in jih uporabimo na želenih mestih v kodi.

Za ustvarjanje spremenljivke moramo zamisliti jeno ime in pred njim postaviti znak @. Nato za imenom spremenljivke postavimo dvopičje in določimo vrednost te spremenljivke. Za primer naredimo spremenljivko z imenom var:

styles.less@var: 20px;

Zdaj pa uporabimo to spremenljivko kot vrednost lastnosti:

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

Kot rezultat bo po kompilaciji v CSS namesto naše spremenljivke nadomeščena njena vrednost:

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

styles.less@color: #000;

p {
  color: @color;
}