基本功能

函数类似于 mixin，但它不添加任何样式，它只返回一个值。应该使用函数来防止样式中重复的逻辑。

Sass 有一些使用标准 CSS 函数语法调用的内置函数。

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

使用以下语法声明函数，

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

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

在上面的代码中，@function 声明一个函数，@return 表示返回值。