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

Бул сабакта биз функцияларды кантип колдонууну карап чыгабыз. Функциялар, бир аз аралаштырууга окшош, бирок алар параметрлерди кошууга мүмкүндүк берет, ал өз маанилерин өзгөртө алат.

Бул параметрлер функциянын тегерек кашааларына берилет. Мисал менен карап көрөлү.

Келгиле, шрифттин өлчөмүн белгилеген fs функциясын жазалы. Өлчөмү параметр аркылуу берилсин. Параметр катары биз функцияны жарыялаганда ойлоп тапкан өзгөрмөнүн аты болот:

.fs(@size) {
	// бул жерде функциянын коду болот
}

Функциянын ичинде, биздин параметрдин мааниси кайда орнотулушу керек экенин көрсөтөлү:

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

Биздин функциябызды чакырып, ага элементтин каалаган өлчөмүн параметр катары берели:

p {
	.fs(20px);
}

Натыйжада компиляциядан кийин абзацтын шрифт өлчөмү көрсөтүлгөн мааниге барабар болот:

p {
	font-size: 20px;
}

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

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