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

列印頁面