Foundation - Référence SASS de légende

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	$callout-background Il définit la couleur d'arrière-plan par défaut.	Couleur	$ blanc
2	$callout-background-fade Il spécifie la valeur de fondu des arrière-plans de légende.	Nombre	85%
3	$callout-border Il affiche le style de bordure pour les légendes.	liste	1px solide rgba ($ noir, 0,25)
4	$callout-margin Il affiche la marge inférieure des légendes.	Nombre	0 0 1rem 0
5	$callout-padding Il fournit un rembourrage intérieur des légendes.	Nombre	1rem
6	$callout-font-color Il définit la couleur de police des légendes.	Couleur	$ body-font-color
sept	$callout-font-color-alt Il définit la couleur de police des légendes s'il y a un arrière-plan sombre pour les légendes.	Couleur	$ corps-arrière-plan
8	$callout-radius Il définit le rayon de la bordure des légendes.	Couleur	$ global-radius
9	$callout-link-tint Il fournit des liens de teinte pour les panneaux colorés et peut être désactivé en le définissant sur false.	Nombre ou booléen	30%

Mixins

Vous pouvez utiliser les mixins pour créer la structure de classe CSS pour vos composants comme décrit ci-dessous.

base de légende

Il ajoute des styles tels que le remplissage, la marge à une légende et les styles peuvent être inclus à l'aide du mixin suivant -

@include callout-base

style de légende

Il spécifie des styles rapides en utilisant une seule couleur comme référence pour la légende et vous pouvez inclure des styles à l'aide du mixin suivant:

@include callout-style($color);

Il peut être spécifié comme défini dans le tableau suivant -

N ° Sr.	Paramètre et description	Type	Valeur par défaut
1	$color Il définit la couleur d'arrière-plan de la légende.	Couleur	$ callout-background

faire appel à

Il spécifie les styles de légende et peut inclure des styles en utilisant le mixin suivant -

@include callout($color);

Il peut être déterminé comme indiqué dans le tableau ci-dessous -

N ° Sr.	Paramètre et description	Type	Valeur par défaut
1	$color Il définit la couleur d'arrière-plan de la légende.	Couleur	$ callout-background