ცვლადები LESS-ში

LESS-ის ენა საშუალებას აძლევს გამოიყენოს ცვლადები. ცვლადი წარმოადგენს კონტეინერს, რომელშიც შესაძლებელია ზოგიერთი მონაცემის შენახვა და მათი გამოყენება კოდის საჭირო ადგილებში.

ცვლადის შესაქმნელად, საჭიროა მისი სახელის გამოგონება და მის წინ @ ნიშნის დაწერა. შემდეგ ცვლადის სახელის შემდეგ დავსვათ ორწერტილი და მივუთითოთ ამ ცვლადის მნიშვნელობა. მაგალითისთვის შევქმნათ ცვლადი სახელად var:

@var: 20px;

ახლა კი გამოვიყენოთ ეს ცვლადი თვისების მნიშვნელობად:

p {
	font-size: @var;
}

შედეგად, კომპილაციის შემდეგ CSS-ში, ჩვენი ცვლადის ნაცვლად ჩაიწერება მისი მნიშვნელობა:

p {
	font-size: 20px;
}

ახსენით, რა იქნება შემდეგი კოდის კომპილაციის შედეგი:

@color: #000;

p {
	color: @color;
}