Функцыі ў LESS

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

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

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

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

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

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

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

styles.lessp {
  .fs(20px);
}

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

styles.cssp {
  font-size: 20px;
}