Foundation-abide-sass-reference

Foundation-プラグインはSASSリファレンスを遵守

変数

表にリストされている次のSASS変数を使用して、コンポーネントのスタイルを変更できます。

Sr.No.	Name & Description	Type	Default Value
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 フォーム内のエラーテキストのデフォルトのフォント色を設定します。	Color	$alert-color
6	$input-error-font-size フォーム内のエラーテキストのデフォルトのフォントサイズを設定します。	Number	rem-calc(12)
7	$input-error-font-weight フォーム内のエラーテキストのデフォルトのフォントウェイトを設定します。	Keyword	$global-weight-bold

混入します

ミックスインを使用して、表にリストされているコンポーネントのCSSクラス構造を構築できます。

フォーム入力エラー

エラー状態の場合、入力フィールドの背景と境界線のスタイルが含まれます。

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

Sr.No.	Parameter & Description	Type	Default Value
1	$background 境界線と背景の色セット。	Color	$alert-color

フォームエラー

設定ファイルの値を使用して、エラースタイルがフォーム要素に含まれます。

@include form-error;