LESS-də Funksiyalar

Bu dərsdə biz funksiyalardan necə istifadə edəcəyimizə baxacıq. Funksiyalar, qismən mixinlərə bənzəyir, lakin eyni zamanda dəyərlərini dəyişə bilən parametrlər əlavə etməyə imkan verir.

Bu parametrlər funksiyanın düyməli mötərizələri içərisində ötürülür. Nümunə ilə baxaq.

Gəlin şrift ölçüsünü təyin edəcək fs funksiyasını edək. Ölçünün parametr kimi ötürülməsinə icazə verin. Parametr kimi biz funksiyanı elan edərkən adını düşündüyümüz dəyişən iştirak edəcək:

.fs(@size) {
	// burada funksiyanın kodu olacaq
}

Gəlin funksiya daxilində, parametrimizin dəyərinin hara yerləşdiriləcəyini göstərək:

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

Funksiyanı çağıraq, ona parametr kimi elementin istənilən ölçüsünü ötürək:

p {
	.fs(20px);
}

Nəticədə kompilyasiyadan sonra abzasın şrift ölçüsü göstərilən dəyərə bərabər olacaq:

p {
	font-size: 20px;
}

Elementə eni təyin edəcək w() funksiyasını edin.

Elementə hündürlüyü təyin edəcək h() funksiyasını edin.