Fondation - Référence Sass
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 |
$accordion-background Il définit la couleur d'arrière-plan par défaut d'un groupe d'accordéon. |
Couleur | $ blanc |
| 2 |
$accordion-plusminus Vous pouvez ajouter des icônes plus et moins sur le côté de chaque titre d'accordéon en le définissant sur true. |
Booléen | vrai |
| 3 | $accordion-item-color Il affiche la couleur de texte par défaut des éléments d'un menu. |
Couleur | premier plan ($ accordéon-background, $ primary-color) |
| 4 |
$accordion-item-background-hover Couleur d'arrière-plan par défaut au survol pour les éléments d'un menu. |
Couleur | $ gris clair |
| 5 |
$accordion-item-padding Remplissage par défaut d'un élément d'accordéon. |
Numéro ou liste | 1,25rem 1rem |
| 6 |
$accordion-content-background Fournit la couleur d'arrière-plan du contenu de l'onglet. |
Couleur | $ blanc |
| sept |
$accordion-content-border Fournit la couleur de la bordure du contenu de l'onglet. |
Couleur | 1px uni $ gris clair |
| 8 |
$accordion-content-color Il spécifie la couleur du texte du contenu de l'onglet. |
Couleur | premier plan ($ accordéon-background, $ primary-color) |
| 9 |
$accordion-content-padding Affiche le remplissage du contenu de l'onglet. |
Numéro ou liste | 1rem |
Mixins
Vous pouvez utiliser les mixins pour créer la structure de classe CSS pour vos composants comme indiqué dans le tableau.
| N ° Sr. | Nom et description | Format |
|---|---|---|
| 1 |
accordion-container Il comprend les styles d'un conteneur d'accordéon. |
@include accordéon-conteneur |
| 2 |
accordion-title Il définit le titre d'un objet d'accordéon. |
@include accordéon-titre |
| 3 |
accordion-content Il fournit des styles pour le contenu de l'accordéon. |
@include accordéon-content |