Fondation - Référence Label SASS
La description
Vous pouvez modifier les styles des composants à l'aide de la référence SASS.
Variables
Le tableau suivant répertorie les variables SASS dans le fichier de paramètres du projet qui permettent de personnaliser les styles par défaut de ce composant.
| N ° Sr. | Nom et description | Type | Valeur par défaut |
|---|---|---|---|
| 1 |
$label-background Il représente la couleur d'arrière-plan par défaut de l'étiquette. |
Couleur | $ couleur primaire |
| 2 |
$label-color Il représente la couleur du texte par défaut de l'étiquette. |
Couleur | premier plan ($ label-background) |
| 3 |
$label-font-size Il représente la taille de police par défaut de l'étiquette. |
Nombre | 0.8rem |
| 4 |
$label-padding Il représente le remplissage interne par défaut de l'étiquette. |
Nombre | 0,33333rem 0,5rem |
| 5 |
$label-radius Il représente le rayon par défaut de l'étiquette. |
Nombre | $ global-radius |
Mixins
Pour créer la sortie CSS finale de ce composant, les mixins suivants peuvent être utilisés. Pour créer votre propre structure de classe à l'aide des composants Foundation, vous pouvez utiliser les mixins vous-même.
étiquette
@include label;Il est utilisé pour générer les styles de base d'une étiquette.