Променливи в LESS

Езикът LESS позволява използването на променливи. Променливата представлява контейнер, в който може да се съхраняват данни и да се използват на нужните места в кода.

За да създадете променлива, трябва да измислите име и да поставите знака @ пред него. След това след името на променливата поставяме двоеточие и посочваме стойността на променливата. Нека за пример направим променлива с име var:

styles.less@var: 20px;

Нека сега използваме тази променлива като стойност на свойство:

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

В резултат на компилацията в CSS, вместо нашата променлива ще бъде заменена нейната стойност:

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

styles.less@color: #000;

p {
  color: @color;
}