sass
Funktionen

Syntax

• @ function Funktionsname (Parameter) {/ * Funktionshauptteil * /}

Basisfunktionen

Eine Funktion ähnelt einem Mixin, fügt jedoch keine Stile hinzu, sondern gibt nur einen Wert zurück. Funktionen sollten verwendet werden, um wiederholte Logik in Ihren Stilen zu verhindern.

Sass verfügt über einige integrierte Funktionen, die mit der Standardsyntax der CSS-Funktionen aufgerufen werden.

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

Funktionen werden mit der folgenden Syntax deklariert.

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

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

Im obigen @function deklariert @function eine Funktion und @return den Rückgabewert.