From 3a7303bc674338d9569e7cd932cd2fc38a1082ef Mon Sep 17 00:00:00 2001
From: Sat Naing <satnaingdev@gmail.com>
Date: Thu, 22 Sep 2022 20:01:03 +0630
Subject: [PATCH] Rotate theme button icons 12deg on hover

---
 src/components/Header.astro | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/Header.astro b/src/components/Header.astro
index b4270bf..b8925d7 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -122,6 +122,9 @@ const { activeNav } = Astro.props;
   nav button svg {
     @apply w-6 h-6 fill-skin-base hover:fill-skin-accent;
   }
+  #theme-btn svg {
+    @apply hover:rotate-12;
+  }
 
   .icon-container {
     @apply w-6 h-5 flex-col justify-between items-end;