Варијабле у 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;
}