header nav

assets/sass/_theme/_configuration.sass

@@ -149,8 +149,8 @@ $zindex-aside: 48 !default
 
 // Header
 $header-color: $color-text !default
-$header-hover-color: rgba($header-color, 0.7) !default // TODO : Réflechir à plus élégant / générique
-$header-background: $color-background-alt !default
+$header-hover-color: $color-accent !default // TODO : Réflechir à plus élégant / générique
+$header-background: transparent !default
 $header-transition: 0.3s !default
 $header-dropdown-full: false !default
 $header-dropdown-background: $header-background !default
@@ -158,13 +158,13 @@ $header-dropdown-color: $header-color !default
 $header-dropdown-transition: $header-transition !default
 $header-sticky-enabled: true !default
 $header-sticky-background: $color-background !default
-$header-sticky-dropdown-background: $header-background !default
+$header-sticky-dropdown-background: $header-sticky-background !default
 $header-sticky-color: $header-color !default
 $header-sticky-transition: $header-transition !default
-$header-nav-padding-y: $spacing0 !default
-$header-logo-height: 20px !default
+$header-nav-padding-y: px2rem(30) !default
+$header-logo-height: 32px !default
 $header-logo-height-md: $header-logo-height !default
-$header-height: 84px !default
+$header-height: 99px !default
 $header-height-md: 74px !default
 
 // Navs

assets/sass/_theme/design-system/header.sass

@@ -8,15 +8,19 @@ header[role="banner"]
     z-index: $zindex-header
     @include media-breakpoint-down(md)
         width: 100%
-    &.is-sticky
+    .dropdown-menu
+        transition: background $header-sticky-transition
+    &.is-sticky, html.has-menu-opened &
         background: $header-sticky-background
         color: $header-sticky-color
+        .dropdown-menu
+            background: $header-sticky-dropdown-background
         .menu
             a,
             a:hover,
             a:focus,
             a:active
-                @include link($header-sticky-color)
+                // @include link($header-sticky-color)
             span
                 color: $header-sticky-color
     html.is-scrolling-down:not(.has-menu-opened) &
@@ -25,7 +29,6 @@ header[role="banner"]
         @include media-breakpoint-up(md)
             &:not(:hover)
                 transform: translateY(-100%)
-
     .logo
         img
             display: block

assets/sass/_theme/design-system/nav.sass

@@ -35,7 +35,7 @@
             @include icon(caret, after)
                 font-size: px2rem(6)
                 margin-left: px2rem(5)
-                transition: transform  0.15s
+                transition: transform 0.15s
             &[aria-expanded="true"]
                 &::after
                     transform: rotate(180deg)
@@ -101,7 +101,7 @@
             .has-children
                 position: relative
             .dropdown-menu
-                margin-top: 0.75rem
+                margin-top: $header-nav-padding-y
                 min-width: 400px
                 padding-bottom: calc(#{$spacing0}/2)
                 padding-left: $spacing0