From bd90eaf84145964ea92f4fca4d0aa32957cf8965 Mon Sep 17 00:00:00 2001
From: prototypa <prototypearea.dev@gmail.com>
Date: Sat, 20 Aug 2022 03:59:16 -0400
Subject: [PATCH] Move styles to Header.astro

---
 src/assets/styles/base.css          |  8 --------
 src/components/widgets/Header.astro | 10 ++++++++++
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/assets/styles/base.css b/src/assets/styles/base.css
index 87bad0520..7e3622a0c 100644
--- a/src/assets/styles/base.css
+++ b/src/assets/styles/base.css
@@ -6,12 +6,4 @@
   .btn {
     @apply inline-flex items-center justify-center rounded border border-transparent font-medium text-center text-base leading-snug transition py-3 px-6 shadow-lg ease-in duration-200 focus:ring-blue-500 focus:ring-offset-blue-200 focus:ring-2 focus:ring-offset-2;
   }
-}
-
-[data-aw-toggle-menu].expanded .line1 {
-  transform: rotate(-45deg) translate(-12px, 8px);
-}
-
-[data-aw-toggle-menu].expanded .line2 {
-  transform: rotate(45deg) translate(4px, -16px);
 }
\ No newline at end of file
diff --git a/src/components/widgets/Header.astro b/src/components/widgets/Header.astro
index 1a67420f6..eed0b94cc 100644
--- a/src/components/widgets/Header.astro
+++ b/src/components/widgets/Header.astro
@@ -101,3 +101,13 @@ const {} = Astro.props;
     </nav>
   </div>
 </header>
+
+<style is:global>
+  [data-aw-toggle-menu].expanded .line1 {
+    transform: rotate(-45deg) translate(-12px, 8px);
+  }
+
+  [data-aw-toggle-menu].expanded .line2 {
+    transform: rotate(45deg) translate(4px, -16px);
+  }
+</style>