В этом уроке мы рассмотрим, как использовать функции. Функции, чем-то похожи на примешивание, но при этом позволяют добавлять параметры, которые могут менять свои значения.
Эти параметры передаются в круглых скобках функции. Посмотрим на примере.
Давайте сделаем функцию fs, которая
будет задавать размер шрифта. Пусть размер
передается параметром. В качестве параметра
будет выступать переменная, имя которой мы
придумываем при объявлении функции:
.fs(@size) {
// тут будет код функции
}
Давайте укажем внутри функции, куда должно вставится значение нашего параметра:
.fs(@size) {
font-size: @size;
}
Вызовем нашу функцию, передав ей в качестве параметра желаемый размер элемента:
p {
.fs(20px);
}
В результате после компиляции размер шрифта абзаца станет равен указанному значению:
p {
font-size: 20px;
}
Сделайте функцию w(), которая будет
задавать ширину элементу.
Сделайте функцию h(), которая будет
задавать высоту элементу.