sass
funzioni

Sintassi

• @function nome-funzione (parametro) {/ * Corpo funzione * /}

Funzioni base

Una funzione è simile a un mixin ma non aggiunge alcuno stile, restituisce solo un valore. Le funzioni dovrebbero essere utilizzate per impedire la logica ripetuta nei tuoi stili.

Sass ha alcune funzioni integrate che vengono chiamate usando la sintassi della funzione CSS standard.

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

Le funzioni sono dichiarate usando la seguente sintassi,

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

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

Nel codice sopra, @function dichiara una funzione e @return indica il valore restituito.