Foundation - 插件 Abide SASS 参考
变量
您可以使用表中列出的以下 SASS 变量来更改组件的样式。
| Sr.No. | 名称和描述 | 类型 | 默认值 |
|---|---|---|---|
| 1 |
$abide-inputs 输入中包含的错误样式。 |
boolean | true |
| 2 |
$abide-labels 标签中包含的错误样式。 |
boolean | true |
| 3 |
$input-background-invalid 设置无效文本输入的背景颜色。 |
Color | $alert-color |
| 4 |
$form-label-color-invalid 设置无效输入的标签颜色。 |
Color | $alert-color |
| 5 |
$input-error-color 设置表单中的错误文本。 |
颜色 | $alert-color |
| 6 |
$input-error-font-size 设置表单中错误文本的默认字体大小。 |
数字 | rem-calc(12) |
| 7 |
$input-error-font-weight 设置表单中错误文本的默认字体粗细。 |
关键字 | $global-weight-bold |
Mixin
您可以使用 mixin 构建组件的 CSS 类结构，如表中所列。
form-input-error
对于错误状态，样式包括输入字段的背景和边框。
@include form-input-error($background);
| Sr.No. | 参数 &描述 | 类型 | 默认值 |
|---|---|---|---|
| 1 |
$background 边框和背景的颜色设置。 |
颜色 | $alert-color |
form-error
使用设置文件中的值，将错误样式包含在表单元素中。
@include form-error;
foundation_plugins.html
