From 78d1b07e3104f51a934d5830e0a419e81a63cc5e Mon Sep 17 00:00:00 2001
From: madrilene <hola@lenesaile.com>
Date: Thu, 19 Sep 2024 10:57:09 +0200
Subject: [PATCH] fix: transfrom without drawer

---
 src/assets/css/global/blocks/main-nav.css | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/assets/css/global/blocks/main-nav.css b/src/assets/css/global/blocks/main-nav.css
index 1a39cd2..df44512 100644
--- a/src/assets/css/global/blocks/main-nav.css
+++ b/src/assets/css/global/blocks/main-nav.css
@@ -44,12 +44,14 @@
 
 @media (prefers-reduced-motion: no-preference) {
   .mainnav ul {
+    --nav-list-transform: translateX(100%);
     opacity: 1;
-    transform: var(--nav-list-transform, translateX(100%));
+    transform: var(--nav-list-transform);
     transition:
       transform 0.5s var(--nav-list-timing-function),
       visibility 0.3s linear;
   }
+
   .mainnav svg {
     transition: transform 0.4s var(--nav-list-timing-function);
   }
@@ -141,10 +143,6 @@
     --nav-item-text-color: var(--color-primary);
     --nav-item-decoration-color: var(--color-primary);
   }
-
-  .mainnav [aria-expanded='false'] + ul {
-    --list-transform: none;
-  }
 }
 
 /* Repeat the settings to provide a different styling when JavaScript is disabled or drawerNav is set to false. The selector
@@ -158,6 +156,7 @@ assumes that the button doesn’t exist without JS, making the list the first ch
   --nav-list-width: 100%;
   --nav-list-shadow: none;
   --nav-list-visibility: visible;
+  --nav-list-transform: translateX(0);
 }
 
 .mainnav ul:first-child [aria-current='page'],
@@ -168,7 +167,6 @@ assumes that the button doesn’t exist without JS, making the list the first ch
 }
 
 /* make menu wrap without drawer */
-
 .mainnav:has(ul:first-child) {
   --nav-position: relative;
 }