Функцыі ў LESS

У гэтым уроке мы разгледзім, як выкарыстоўваць функцыі. Функцыі, чымсьці падобныя на прымешванне, але пры гэтым дазваляюць дадаваць параметры, якія могуць мяняць свае значэнні.

Гэтыя параметры перадаюцца ў круглых дужках функцыі. Паглядзім на прыкладзе.

Давайце зробім функцыю fs, якая будзе задаваць памер шрыфту. Хай памер перадаецца параметрам. У якасці параметра будзе выступаць пераменная, імя якой мы прыдумляем пры аб'яўленні функцыі:

.fs(@size) {
	// тут будзе код функцыі
}

Давайце пакажам унутры функцыі, кудa павінна ўставіцца значэнне нашага параметра:

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

Выклічам нашу функцыю, перадаўшы ёй у якасці параметра жаданы памер элемента:

p {
	.fs(20px);
}

У выніку пасля кампіляцыі памер шрыфту абзаца стане роўны паказанаму значэнню:

p {
	font-size: 20px;
}

Зрабіце функцыю w(), якая будзе задаваць шырыню элементу.

Зрабіце функцыю h(), якая будзе задаваць вышыню элементу.