LESS-da o'zgaruvchilar

LESS tili o'zgaruvchilardan foydalanishga imkon beradi. O'zgaruvchi ma'lumotlarni saqlash mumkin bo'lgan konteynerdir va ularni kodning kerakli joylarida ishlatish mumkin.

O'zgaruvchi yaratish uchun uning nomini o'ylab topish va oldiga @ belgisini qo'yish kerak. Keyin o'zgaruvchi nomidan keyin ikki nuqta qo'yamiz va o'zgaruvchining qiymatini ko'rsatamiz. Keling misol uchun var nomli o'zgaruvchi yarataylik:

styles.less@var: 20px;

Keling endi ushbu o'zgaruvchidan xususiyat qiymati sifatida foydalanaylik:

styles.lessp {
  font-size: @var;
}

Natijada CSS ga kompilyatsiya qilingandan so'ng o'zgaruvchi o'rniga uning qiymati qo'yiladi:

styles.cssp {
  font-size: 20px;
}

styles.less@color: #000;

p {
  color: @color;
}