Rotate theme button icons 12deg on hover

This commit is contained in:
Sat Naing
2022-09-22 20:01:03 +06:30
parent bd0cecb744
commit 3a7303bc67
+3
View File
@@ -122,6 +122,9 @@ const { activeNav } = Astro.props;
nav button svg { nav button svg {
@apply w-6 h-6 fill-skin-base hover:fill-skin-accent; @apply w-6 h-6 fill-skin-base hover:fill-skin-accent;
} }
#theme-btn svg {
@apply hover:rotate-12;
}
.icon-container { .icon-container {
@apply w-6 h-5 flex-col justify-between items-end; @apply w-6 h-5 flex-col justify-between items-end;