sass
функции

Синтаксис

• @ function function-name (параметр) {/ * Тело функции * /}

Основные функции

Функция похожа на вид mixin, но не добавляет никаких стилей, она возвращает только значение. Функции должны использоваться для предотвращения повторной логики в ваших стилях.

У Sass есть встроенные функции, которые вызывается с использованием стандартного синтаксиса функций CSS.

h1 {
    background: hsl(0, 25%, 50%);
}

Функции объявляются с использованием синтаксиса ниже,

@function multiply(x, y) {
    @return x * y;
}

// example use below
h1 {
    margin-top: multiply(10px, 2);
}

В приведенном выше @function функция @function объявляет функцию, а @return означает возвращаемое значение.