From 83a0bb94369996ceb70277c71fd008c9c25da9d7 Mon Sep 17 00:00:00 2001 From: deed Date: Sun, 6 Sep 2020 16:59:48 +0200 Subject: [PATCH] =?UTF-8?q?mise=20=C3=A0=20jour=20du=20nouveau=20design=20?= =?UTF-8?q?partie=201?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- bulma.sass | 59 ++++++++++++++++++++++++++++++++++-------------------- 1 file changed, 37 insertions(+), 22 deletions(-) diff --git a/bulma.sass b/bulma.sass index cae5741..6d7ab47 100644 --- a/bulma.sass +++ b/bulma.sass @@ -43,8 +43,8 @@ html.has-navbar-fixed-top, body.has-navbar-fixed-top .navbar.is-light .navbar-brand > .navbar-item, .navbar.is-light .navbar-brand .navbar-link - background-color: transparent - color: $white + background-color: $link + color: white .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active, .navbar.is-light .navbar-brand .navbar-link:hover, @@ -68,13 +68,21 @@ html.has-navbar-fixed-top, body.has-navbar-fixed-top .navbar.is-light .navbar-burger.is-active, .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-light .navbar-item.has-dropdown .navbar-link - background-color: $link - color: white + background-color: white + color: $link font-weight: bold .navbar.is-light .navbar-dropdown border-color: $text-light +.navbar.is-light .navbar-dropdown a.navbar-item + color: $link + text-decoration: underline dotted + +.navbar.is-light .navbar-dropdown a.navbar-item:hover + color: white + text-decoration: underline + .navbar.is-light .navbar-divider color: $text-light @@ -87,8 +95,9 @@ html.has-navbar-fixed-top, body.has-navbar-fixed-top color: white .navbar.is-light - background-color: $link - color: white + background-color: white + border-bottom: 2px solid $link + min-height: 3.6rem .navbar.is-light .navbar-brand display: none @@ -112,16 +121,17 @@ html.has-navbar-fixed-top, body.has-navbar-fixed-top .navbar.is-light .navbar-start .navbar-link::after, .navbar.is-light .navbar-end .navbar-link::after - border-color: white + border-color: $link .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link - background-color: $primary + background-color: $link color: white .navbar.is-light .navbar-dropdown a.navbar-item.is-active background-color: $link-hover color: white + text-decoration: underline dotted .navbar.is-light .navbar-item.is-logo position: absolute @@ -130,18 +140,21 @@ html.has-navbar-fixed-top, body.has-navbar-fixed-top height: 100% display: flex align-items: center - background-color: white + background-color: $link padding: 0 + .navbar-item.is-logo:hover + background-color: $link + .navbar-item.is-logo:before - border-right: 1.6rem solid white - border-bottom: 3.2rem solid $link + border-right: 1.6rem solid $link + border-bottom: 3.5rem solid white content: " " width: 20% .navbar-item.is-logo:after - border-left: 1.6rem solid white - border-bottom: 3.2rem solid $link + border-left: 1.6rem solid $link + border-bottom: 3.5rem solid white content: " " width: 20% @@ -149,8 +162,10 @@ html.has-navbar-fixed-top, body.has-navbar-fixed-top max-height: 2rem height: 2rem -.navbar.is-light .navbar-item.is-logo:hover - background-color: white + .navbar-item.is-logo a.navbar-item:hover, + .navbar-item.is-logo a.navbar-item:focus, + .navbar-item.is-logo a.navbar-item:focus-within + background-color: $link //navbar pour les mobiles .navbar-dropdown a.navbar-item:hover @@ -164,6 +179,7 @@ html.has-navbar-fixed-top, body.has-navbar-fixed-top @media screen and (max-width: 1087px) .navbar-item.is-logo display: none + background-color: $link //bouton de la navbar .button.is-light @@ -203,14 +219,14 @@ html.has-navbar-fixed-top, body.has-navbar-fixed-top .footer:before border-left: 2.5rem solid transparent - border-bottom: 2.5rem solid $link + border-bottom: 2.5rem solid white margin-left: -10% content: " " width: 20% .footer:after border-right: 2.5rem solid transparent - border-bottom: 2.5rem solid $link + border-bottom: 2.5rem solid white margin-right: -10% content: " " width: 20% @@ -223,7 +239,7 @@ html.has-navbar-fixed-top, body.has-navbar-fixed-top .footer padding: 0 display: flex - background-color: $link + background-color: white margin: auto auto 0 color: white box-sizing: unset @@ -239,10 +255,10 @@ html.has-navbar-fixed-top, body.has-navbar-fixed-top .footer ul li a display: block padding: 1rem 0.5rem - color: white + color: $link .footer a:link, .footer a:visited - color: white + color: $link font-weight: bold text-decoration-style: dotted @@ -408,8 +424,7 @@ html.has-navbar-fixed-top, body.has-navbar-fixed-top text-align: center //section retreci -.section - padding: 1rem 1.5rem + //bas de page courte html