基础 - 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)

它使用表格中指定的以下参数：