Foundation - Plugins Abide SASS Reference

Variables

Vous pouvez modifier les styles des composants à l'aide des variables SASS suivantes, comme indiqué dans le tableau.

N ° Sr.	Nom et description	Type	Valeur par défaut
1	$abide-inputs Styles d'erreur inclus dans les entrées.	Booléen	vrai
2	$abide-labels Styles d'erreur inclus dans les étiquettes.	Booléen	vrai
3	$input-background-invalid Définit la couleur d'arrière-plan des entrées de texte non valides.	Couleur	$ alert-couleur
4	$form-label-color-invalid Définissez les couleurs des étiquettes d'entrée non valide.	Couleur	$ alert-couleur
5	$input-error-color Définit la couleur de police par défaut du texte d'erreur dans le formulaire.	Couleur	$ alert-couleur
6	$input-error-font-size Définit la taille de police par défaut du texte d'erreur dans le formulaire.	Nombre	rem-calc (12)
sept	$input-error-font-weight Définit l'épaisseur de police par défaut du texte d'erreur dans le formulaire.	Mot-clé	$ global-weight-bold

Vous pouvez utiliser les mixins pour créer la structure de classe CSS de vos composants comme indiqué dans le tableau.

Pour l'état d'erreur, les styles sont inclus pour l'arrière-plan et la bordure d'un champ de saisie.

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

N ° Sr.	Paramètre et description	Type	Valeur par défaut
1	$background Jeu de couleurs de la bordure et de l'arrière-plan.	Couleur	$ alert-couleur

En utilisant les valeurs du fichier de paramètres, les styles d'erreur sont inclus dans un élément de formulaire.

@include form-error;