Пераменныя ў 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;
}