LESS-ի ֆունկցիաները

Այս դասում մենք կքննարկենք, թե ինչպես օգտագործել ֆունկցիաները: Ֆունկցիաները որոշակիորեն նման են խառնուրդներին, սակայն դրանք թույլ են տալիս ավելացնել պարամետրեր, որոնք կարող են փոխել իրենց արժեքները:

Այս պարամետրերը փոխանցվում են ֆունկցիայի կլոր փակագծերում: Եկեք նայենք օրինակով:

Եկեք ստեղծենք fs ֆունկցիան, որն կսահմանի տառատեսակի չափը: Թող չափը փոխանցվի պարամետրով: Որպես պարամետր կհանդեսգա փոփոխական, որի անունը մենք հորինում ենք ֆունկցիան հայտարարելիս.

.fs(@size) {
	// այստեղ կլինի ֆունկցիայի կոդը
}

Եկեք ֆունկցիայի ներսում նշենք, թե որտեղ պետք է տեղադրվի մեր պարամետրի արժեքը.

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

Կանչենք մեր ֆունկցիան՝ փոխանցելով դրան որպես պարամետր տարրի ցանկալի չափը.

p {
	.fs(20px);
}

Արդյունքում կոմպիլյացիայից հետո տառատեսակի չափը աբզացի կդառնա նշված արժեքին հավասար.

p {
	font-size: 20px;
}

Ստեղծեք w() ֆունկցիան, որն կ սահմանի տարրի լայնությունը։

Ստեղծեք h() ֆունկցիան, որն կ սահմանի տարրի բարձրությունը։