LESS-тегі функциялары

Бұл сабақта біз функцияларды қалай қолдануға болатынын қарастырамыз. Функциялар араластыруға ұқсас, бірақ сонымен бірге мәндерін өзгерте алатын параметрлерді қосуға мүмкіндік береді.

Бұл параметрлер функцияның дөңгелек жақшаларына беріледі. Мысал арқылы қарастырайық.

Қаріп өлшемін орнататын fs функциясын жасайық. Өлшем параметр ретінде берілсін. Параметр ретінде біз функцияны жариялаған кезде ойлап тапқан айнымалы аты болады:

.fs(@size) {
	// мұнда функция коды болады
}

Функция ішінде параметріміздің мәні қайда енгізілуі керек екенін көрсетейік:

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

Функциямызды шақырып, оған параметр ретінде элементтің қажетті өлшемін берейік:

p {
	.fs(20px);
}

Нәтижесінде компиляциядан кейін абзац қаріпінің өлшемі көрсетілген мәнге тең болады:

p {
	font-size: 20px;
}

Элементке енін орнататын w() функциясын жасаңыз.

Элементке биіктігін орнататын h() функциясын жасаңыз.