sass
Funkcje

Składnia

• @ funkcja nazwa-funkcji (parametr) {/ * Treść funkcji * /}

Podstawowe funkcje

Funkcja wygląda podobnie do mixinu, ale nie dodaje żadnych stylów, zwraca tylko wartość. Należy użyć funkcji, aby zapobiec powtarzalnej logice w swoich stylach.

Sass ma wbudowane funkcje, które są wywoływane przy użyciu standardowej składni funkcji CSS.

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

Funkcje są deklarowane przy użyciu poniższej składni,

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

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

W powyższym kodzie @function deklaruje funkcję, a @return oznacza wartość zwracaną.