Функције у LESS

У овој лекцији ћемо размотрити како да користимо функције. Функције су нечим сличне миксинима, али омогућавају додавање параметара који могу да мењају своје вредности.

Ови параметри се прослеђују у заградама функције. Погледајмо на примеру.

Направимо функцију fs која ће постављати величину фонта. Нека се величина проследи као параметар. Као параметар ће деловати променљива чије име смишљамо при декларацији функције:

.fs(@size) {
	// овде ће бити код функције
}

Одредимо унутар функције где треба да се убаци вредност нашег параметра:

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

Позовимо нашу функцију, проследивши јој као параметар жељену величину елемента:

p {
	.fs(20px);
}

Као резултат, након компајлирања величина фонта параграфа ће постати једнака наведеној вредности:

p {
	font-size: 20px;
}

Направите функцију w() која ће постављати ширину елементу.

Направите функцију h() која ће постављати висину елементу.