Fondation - Top Bar Référence SASS
Variables
Vous pouvez modifier les styles des composants à l'aide des variables SASS suivantes, répertoriées dans le tableau.
| N ° Sr. | Nom et description | Type | Valeur par défaut |
|---|---|---|---|
| 1 | $topbar-padding Définit le rembourrage de la barre supérieure. |
Nombre | 0,5em |
| 2 | $topbar-background La couleur d'arrière-plan est définie pour la barre supérieure. |
Couleur | $ gris clair |
| 3 | $topbar-link-color Définit la couleur du lien présent dans le menu de la barre supérieure. |
Couleur | $ couleur primaire |
| 4 | $topbar-input-width Définissez la largeur dans la barre supérieure de l' élément <input> . |
Nombre | 200 px |
Mixins
Vous pouvez utiliser les mixins pour créer la structure de classe CSS pour vos composants comme indiqué dans le tableau.
conteneur-top-bar
Inclut les styles dans le conteneur de la barre supérieure.
@include top-bar-container;barre supérieure empilée
Rend le menu de la barre supérieure empilé.
@include top-bar-stacked;