Move styles to Header.astro

2022-08-20 03:59:16 -04:00
parent 5a2b07ff14
commit bd90eaf841
2 changed files with 10 additions and 8 deletions
--- 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>