Refactor title to nav

2024-01-07 23:00:54 +01:00 · 2024-01-07 23:00:54 +01:00 · 9cd4298764
commit 9cd4298764
parent 60a36f0eb8
14 changed files with 98 additions and 61 deletions
--- a/style/nav.css
+++ b/style/nav.css
@ -0,0 +1,30 @@
+@layer components {
+    nav {
+        @apply flex flex-wrap flex-row justify-between items-center py-5;
+        @apply mx-auto max-w-3xl;
+        @apply font-semibold;
+
+        & > .nav-mobile {
+            @apply md:hidden scale-125;
+        }
+
+        & > .nav-home {
+            @apply uppercase font-semibold text-lg;
+        }
+
+        & > .nav-links {
+            @apply hidden flex-row gap-5 md:h-auto md:flex;
+
+            &.open {
+                @apply max-md:flex max-md:flex-col max-md:w-full max-md:my-5 max-md:py-5 max-md:border-y-2;
+            }
+        }
+
+        & a {
+            @apply transition-colors duration-500;
+            &:hover {
+                @apply text-primary underline;
+            }
+        }
+    }
+}