Foundation - Référence SASS Tooltip
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 du 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 | $tooltip-background-color Il représente la couleur d'arrière-plan par défaut de l'info-bulle. |
Couleur | $ noir |
2 | $tooltip-color Il représente la couleur de police par défaut de l'info-bulle. |
Couleur | $ blanc |
3 | $tooltip-padding Il représente le remplissage par défaut de l'arrière-plan de l'infobulle. |
Nombre | 0,75rem |
4 | $tooltip-font-size Il représente la taille de police par défaut du texte de l'info-bulle. |
Nombre | $ small-font-size |
5 | $tooltip-pip-width Il représente la largeur de pip par défaut. |
Nombre | 0,75rem |
6 | $tooltip-pip-height Il représente la hauteur de pip par défaut qui est utile pour calculer la distance entre l'info-bulle et son mot. |
Nombre | $ tooltip-pip-width * 0.866 |
sept | $tooltip-pip-offset Il représente le décalage de l'info-bulle pip par défaut. Cela montre à quelle distance pip est indenté du bord gauche de l'info-bulle. |
Nombre | 1,25rem |
8 | $tooltip-radius Il représente le rayon par défaut de l'info-bulle. |
Nombre | $ global-radius |