Development #88323
Mis à jour par Thomas Jund il y a environ 2 mois
`$nav-item-selected-mode` permet de donner un style à la navigation principale en desktop.
2 options :
* background
* bottom-border
En complément, les variables
* $nav-item-selected-border
* $nav-item-selected-background
* $nav-item-selected-color
permettent de personnaliser aussi. Mais fonctionnent / ou pas / en fonction du mode choisi.
Pour résumer le fonctionnement actuel :
* En `$nav-item-selected-mode: background`, `$nav-item-selected-background` et `$nav-item-selected-color` sont personnalisables et s'appliquent en desktop et mobile. `$nav-item-selected-border` ne fait rien, ni en desktop ni en mobile.
* En `$nav-item-selected-mode: bottom-border`, `$nav-item-selected-background` et `$nav-item-selected-color` ne font rien en desktop mais s'appliquent en mobile et sur la nav PWA. mobile. `$nav-item-selected-border` s'applique en desktop et mobile.
Je suis déjà tombé sur le besoin de personnaliser la couleur ET la bordure de l'item, et `$nav-item-selected-color` ne fonctionne pas avec `$nav-item-selected-border`.
2 options :
* background
* bottom-border
En complément, les variables
* $nav-item-selected-border
* $nav-item-selected-background
* $nav-item-selected-color
permettent de personnaliser aussi. Mais fonctionnent / ou pas / en fonction du mode choisi.
Pour résumer le fonctionnement actuel :
* En `$nav-item-selected-mode: background`, `$nav-item-selected-background` et `$nav-item-selected-color` sont personnalisables et s'appliquent en desktop et mobile. `$nav-item-selected-border` ne fait rien, ni en desktop ni en mobile.
* En `$nav-item-selected-mode: bottom-border`, `$nav-item-selected-background` et `$nav-item-selected-color` ne font rien en desktop mais s'appliquent en mobile et sur la nav PWA. mobile. `$nav-item-selected-border` s'applique en desktop et mobile.
Je suis déjà tombé sur le besoin de personnaliser la couleur ET la bordure de l'item, et `$nav-item-selected-color` ne fonctionne pas avec `$nav-item-selected-border`.