diff --git a/static/clermont-ici/_custom.scss b/static/clermont-ici/_custom.scss index 7ff061a5..2325e7db 100644 --- a/static/clermont-ici/_custom.scss +++ b/static/clermont-ici/_custom.scss @@ -625,15 +625,21 @@ div.buttons .cancel-button button { // PWA navigation // -.pwa-navigation div > ul li a { - background-size: auto 40%; - background-position: center 20%; +.pwa-navigation div > ul li { + a { + background-size: auto 33%; + background-position: center 25%; + font-weight: 600; - span { - display: flex; - align-items: center; - justify-content: center; - text-transform: uppercase; + span { + display: flex; + align-items: center; + justify-content: center; + text-transform: uppercase; + } + } + &.selected a, a:hover { + filter: brightness(0.3); } } diff --git a/static/clermont-ici/_vars.scss b/static/clermont-ici/_vars.scss index bf09a8b1..d3436f6f 100644 --- a/static/clermont-ici/_vars.scss +++ b/static/clermont-ici/_vars.scss @@ -102,3 +102,5 @@ $footer-color: $font-color; $back-top-display: mobile-only; $nav-mobile-bottom-bar-background: gradient-ro(-45deg); +$nav-mobile-bottom-bar-item-hover-background: transparent; +$nav-mobile-bottom-bar-item-selected-background: transparent;