diff --git a/assets/sass/_theme/configuration/components.sass b/assets/sass/_theme/configuration/components.sass index 8943d7fe0dd333923674a436cb8261a8998a0022..0085fdd2e45c8c9109189c52ce51ac11d926e437 100644 --- a/assets/sass/_theme/configuration/components.sass +++ b/assets/sass/_theme/configuration/components.sass @@ -42,6 +42,7 @@ $header-dropdown-transition: $header-transition !default $header-sticky-enabled: true !default $header-sticky-background: var(--color-background) !default $header-sticky-dropdown-background: $header-sticky-background !default +$header-sticky-dropdown-color: $header-dropdown-color !default $header-sticky-color: $header-color !default $header-sticky-transition: $header-transition !default $header-nav-padding-y: pxToRem(20) !default diff --git a/assets/sass/_theme/design-system/header.sass b/assets/sass/_theme/design-system/header.sass index 180d82e71c288b16786fdcc36bb2f7db2df85f84..2a848c9c279f0ed83ae2fdd1ea627aa7558f9c7b 100644 --- a/assets/sass/_theme/design-system/header.sass +++ b/assets/sass/_theme/design-system/header.sass @@ -13,13 +13,14 @@ header#document-header width: 100% .dropdown-menu transition: background $header-sticky-transition - &.is-sticky, html.has-menu-opened & + &.is-sticky background: $header-sticky-background color: $header-sticky-color .pagefind-ui__toggle color: $header-sticky-color .dropdown-menu background: $header-sticky-dropdown-background + color: $header-sticky-dropdown-color .menu a, a:hover,