sass
functies

Syntaxis

• @function function-name (parameter) {/ * Functie body * /}

Basisfuncties

Een functie lijkt op een mixin, maar voegt geen stijlen toe, het retourneert alleen een waarde. Functies moeten worden gebruikt om herhaalde logica in uw stijlen te voorkomen.

Sass heeft een aantal ingebouwde functies die worden opgeroepen met behulp van de standaard CSS-functiesyntaxis.

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

Functies worden verklaard met behulp van de onderstaande syntaxis,

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

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

In de bovenstaande code, @function verklaart een functie en @return betekent de retourwaarde.