Функции в LESS

В този урок ще разгледаме как да използваме функции. Функциите донякъде приличат на примесвания, но в същото време позволяват добавянето на параметри, които могат да променят стойностите си.

Тези параметри се предават в кръгли скоби на функцията. Нека да разгледаме пример.

Нека направим функция fs, която ще задава размера на шрифта. Нека размерът се предава като параметър. Като параметър ще служи променлива, чието име ние измисляме при декларирането на функцията:

.fs(@size) {
	// тук ще бъде кода на функцията
}

Нека посочим вътре във функцията, къде трябва да се вмъкне стойността на нашия параметър:

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

Нека извикаме нашата функция, като й предадем желания размер на елемента като параметър:

p {
	.fs(20px);
}

В резултат след компилация размерът на шрифта на абзаца ще стане равен на посочената стойност:

p {
	font-size: 20px;
}

Направете функция w(), която ще задава ширина на елемента.

Направете функция h(), която ще задава височина на елемента.