From 8dc500c4ab35f45e9768a3f857235defff982683 Mon Sep 17 00:00:00 2001
From: alexisben <alex@noesya.coop>
Date: Fri, 7 Oct 2022 20:59:20 +0200
Subject: [PATCH] fix header button
---
assets/sass/_theme/design-system/header.sass | 42 +------------------
assets/sass/_theme/design-system/nav.sass | 44 ++++++++++++++++++++
2 files changed, 45 insertions(+), 41 deletions(-)
diff --git a/assets/sass/_theme/design-system/header.sass b/assets/sass/_theme/design-system/header.sass
index 34a22839..87b68672 100644
--- a/assets/sass/_theme/design-system/header.sass
+++ b/assets/sass/_theme/design-system/header.sass
@@ -26,47 +26,7 @@ header[role="banner"]
@include media-breakpoint-up(md)
&:not(:hover)
transform: translateY(-100%)
- nav[role="navigation"]
- padding-bottom: $header-nav-padding-y
- padding-top: $header-nav-padding-y
- .container
- align-items: center
- display: flex
- flex-wrap: wrap
- justify-content: space-between
- button[type="button"]
- @include button-reset
- display: none
- border: 0
- color: $body-color
- position: relative
- @include media-breakpoint-down(md)
- display: flex
- align-items: center
- &:focus
- box-shadow: none
- &:focus-visible
- outline-color: gray
- outline-offset: 5px
- outline-style: dashed
- outline-width: 1px
- span:first-of-type
- font-size: px2rem(14)
- text-transform: uppercase
- span:last-of-type
- @include icon("burger", before)
- background: none
- height: calc(1.063rem + .3125rem * 2)
- padding: px2rem(5) 0 px2rem(5) px2rem(5)
- width: calc(1.5rem + .3125rem)
- &::before
- font-size: px2rem(17)
- vertical-align: top
- &[aria-expanded="true"]
- span:last-of-type
- &::before
- content: map-get($icons, "close")
-
+
.logo
img
height: $header-logo-height
diff --git a/assets/sass/_theme/design-system/nav.sass b/assets/sass/_theme/design-system/nav.sass
index 2030b19d..c8bfe140 100644
--- a/assets/sass/_theme/design-system/nav.sass
+++ b/assets/sass/_theme/design-system/nav.sass
@@ -167,6 +167,50 @@ body
visibility: inherit
opacity: 0
+header[role="banner"]
+ nav[role="navigation"]
+ padding-bottom: $header-nav-padding-y
+ padding-top: $header-nav-padding-y
+ .container
+ align-items: center
+ display: flex
+ flex-wrap: wrap
+ justify-content: space-between
+ button[type="button"]
+ @include button-reset
+ display: none
+ border: 0
+ color: $body-color
+ padding: 0
+ position: relative
+ @include media-breakpoint-down(md)
+ display: flex
+ align-items: center
+ &:focus
+ box-shadow: none
+ &:focus-visible
+ outline-color: gray
+ outline-offset: 5px
+ outline-style: dashed
+ outline-width: 1px
+ span:first-of-type
+ font-size: px2rem(14)
+ text-transform: uppercase
+ span:last-of-type
+ @include icon("burger", before)
+ background: none
+ height: calc(1.063rem + .3125rem * 2)
+ padding: px2rem(5) 0 px2rem(5) px2rem(5)
+ width: calc(1.5rem + .3125rem)
+ &::before
+ font-size: px2rem(17)
+ vertical-align: top
+ &[aria-expanded="true"]
+ span:last-of-type
+ &::before
+ content: map-get($icons, "close")
+
+
.share
display: flex
list-style: none
--
GitLab