LESS da Funktsiyalar

Ushbu darsda biz funktsiyalardan qanday foydalanishni ko'rib chiqamiz. Funktsiyalar, aralashmalarga o'xshaydi, lekin shu bilan birga qiymatlarini o'zgartirishi mumkin bo'lgan parametrlarni qo'shish imkonini beradi.

Ushbu parametrlar funktsiyaning dumaloq qavslariga uzatiladi. Keling, bir misol orqali ko'rib chiqaylik.

Keling, fs funktsiyasini yarataylik, u shrift o‘lchamini belgilaydi. O‘lcham parametr sifatida uzatilsin. Parametr sifatida biz funktsiyani e'lon qilishda o'ylab topadigan o'zgaruvchi ismi bo'ladi:

.fs(@size) {
	// bu yerda funktsiya kodi bo'ladi
}

Keling, funktsiya ichida parametrimizning qiymati qayerga qo‘yilishini ko‘rsatamiz:

.fs(@size) {
	font-size: @size;
}

Funktsiyamizni chaqiramiz, unga parametr sifatida elementning istalgan o‘lchamini uzatamiz:

p {
	.fs(20px);
}

Natijada, kompilyatsiyadan so‘ng, abzats shrifti o‘lchami ko‘rsatilgan qiymatga teng bo‘ladi:

p {
	font-size: 20px;
}

w() funktsiyasini yarating, u elementga kenglik belgilasin.

h() funktsiyasini yarating, u elementga balandlik belgilasin.