Promenljive u LESS

Jezik LESS omogućava korišćenje promenljivih. Promenljiva predstavlja kontejner u kojem možete da čuvate neke podatke i da ih koristite na potrebnim mestima u kodu.

Da biste kreirali promenljivu, potrebno je da smislite njeno ime i da ispred njega stavite znak @. Zatim posle imena promenljive stavljamo dvotačku i navedemo vrednost te promenljive. Hajde da kao primer napravimo promenljivu sa imenom var:

styles.less@var: 20px;

Hajde da sada upotrebimo ovu promenljivu kao vrednost svojstva:

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

Kao rezultat, nakon kompilacije u CSS umesto naše promenljive zameniće se njena vrednost:

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

styles.less@color: #000;

p {
  color: @color;
}