sass
funktioner

Syntax

• @function funktionsnamn (parameter) {/ * Funktionskropp * /}

Grundläggande funktioner

En funktion liknar en mixin men den lägger inte till några stilar, den ger bara ett värde. Funktioner bör användas för att förhindra upprepad logik i dina stilar.

Sass har några inbyggda funktioner som kallas med standardsyntaxen för CSS-funktioner.

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

Funktioner deklareras med hjälp av nedan syntax,

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

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

I koden ovan förklarar @function en funktion, och @return anger returvärdet.