ცვლადები 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;
}