基本功能

函式類似於 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 表示返回值。