Foundation - Plugins Abide SASS 参考

变量

您可以使用下表列出的以下 SASS 变量更改组件的样式。

序号	名称及描述	类型	默认值
1	$abide-inputs 输入框中包含的错误样式。	布尔值	true
2	$abide-labels 标签中包含的错误样式。	布尔值	true
3	$input-background-invalid 设置无效文本输入的背景颜色。	颜色	$alert-color
4	$form-label-color-invalid 设置无效输入标签的颜色。	颜色	$alert-color
5	$input-error-color 设置表单中错误文本的默认字体颜色。	颜色	$alert-color
6	$input-error-font-size 设置表单中错误文本的默认字体大小。	数字	rem-calc(12)
7	$input-error-font-weight 设置表单中错误文本的默认字体粗细。	关键字	$global-weight-bold

您可以使用混合宏构建组件的 CSS 类结构，如下表所示。

对于错误状态，包含输入字段的背景和边框样式。

@include form-input-error($background);

序号	参数及描述	类型	默认值
1	$background 边框和背景的颜色设置。	颜色	$alert-color

序号

参数及描述

类型

默认值

$background

边框和背景的颜色设置。

颜色

$alert-color

使用设置文件中的值，将错误样式包含到表单元素中。

@include form-error;

foundation_plugins.htm

打印页面