sass
Funciones

Sintaxis

• @función nombre-función (parámetro) {/ * cuerpo de la función * /}

Funciones básicas

Una función es similar en apariencia a una mezcla, pero no agrega ningún estilo, solo devuelve un valor. Deben usarse funciones para evitar que la lógica se repita en sus estilos.

Sass tiene algunas funciones integradas que se llaman mediante la sintaxis de la función CSS estándar.

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

Las funciones se declaran usando la siguiente sintaxis,

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

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

En el código anterior, @function declara una función, y @return significa el valor de retorno.