基礎 - Sass 函式

---

---

Foundation 提供了一套 Sass 工具函式，可與 util、color、selector、unit、value 等許多函式一起使用。

您可以使用以下程式碼行一次性匯入所有工具檔案：

@import 'util/util';

您也可以像下面這樣匯入單個工具檔案：

@import 'util/color';
@import 'util/selector';
@import 'util/unit';
@import 'util/value';

Sass 參考

您可以使用以下 Sass 函式更改元件的樣式。

foreground

它根據背景顏色為元素提供前景色。它使用以下格式分配不同型別的引數：

foreground($color, $yes, $no, $threshold)

上述引數在以下表格中指定：

smart-scale

它根據元素的亮度提供合適的顏色。它使用以下格式指定合適的顏色：

smart-scale($color, $scale, $threshold)

上述引數在以下表格中指定：

text-inputs

它在使用文字輸入型別時建立一個選擇器。它使用以下格式指定輸入型別：

text-inputs($types)

它使用以下表格中指定的引數：

strip-unit

它從值中刪除單位，只返回數字。它使用以下格式從值中刪除單位：

strip-unit($num)

它使用以下表格中指定的引數：

rem-calc

它更改畫素值以匹配 rem 值。它使用以下格式將畫素值轉換為 rem 值：

rem-calc($values, $base)

它使用表格中指定的以下引數：

has-value

如果值不是 false，則指定該值。false 值包括 null、none、0 或空列表。它使用以下格式指定值：

has-value($val)

它使用以下表格中指定的引數：

get-side

它指定值的邊，並定義填充、邊距等的 top/right/bottom/left 值。它使用以下格式指定值的邊：

has-value($val)

它使用表格中指定的以下引數：

get-border-value

它確定元素的邊框值。它使用以下格式指定邊框值：

get-border-value($val, $elem)

它使用表格中指定的以下引數：