Dəyişənlər LESS-də
LESS dili dəyişənlər istifadə etməyə imkan verir. Dəyişənlər içində bəzi məlumatları saxlaya biləcəyiniz və onları kodun lazımi yerlərində istifadə edə biləcəyiniz konteynerlərdir.
Dəyişən yaratmaq üçün onun adını tapmalı və
qarşısına @ işarəsini qoymalısınız.
Sonra dəyişən adından sonra iki nöqtə qoyuruq
və bu dəyişənin qiymətini göstəririk. Gəlin
misal üçün adı var olan bir dəyişən edək:
@var: 20px;
Gəlin indi bu dəyişəni xassənin qiyməti kimi istifadə edək:
p {
font-size: @var;
}
Nəticədə, CSS-ə kompilyasiyadan sonra bizim dəyişənin yerinə onun qiyməti qoyulacaq:
p {
font-size: 20px;
}
Aşağıdakı kodun kompilyasiya nəticəsinin necə olacağını izah edin:
@color: #000;
p {
color: @color;
}