From b2546cb07925a6be20cb883f8304e9c941eb1849 Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <coryd@hey.com>
Date: Sat, 2 Mar 2024 15:00:33 -0800
Subject: [PATCH] chore: menu styles

---
 package.json                                   |  2 +-
 src/_includes/partials/nav/menu.liquid         | 16 +++++++---------
 src/_includes/partials/nav/theme-toggle.liquid |  4 ++--
 src/assets/styles/index.css                    | 18 +++++-------------
 4 files changed, 15 insertions(+), 25 deletions(-)

diff --git a/package.json b/package.json
index c5ded783..32e03a65 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "7.2.0",
+  "version": "7.2.1",
   "description": "The source for my personal site. Built using 11ty.",
   "type": "module",
   "scripts": {
diff --git a/src/_includes/partials/nav/menu.liquid b/src/_includes/partials/nav/menu.liquid
index 5272e72f..bbf4ca55 100644
--- a/src/_includes/partials/nav/menu.liquid
+++ b/src/_includes/partials/nav/menu.liquid
@@ -1,10 +1,8 @@
-<nav aria-label="Primary site navigation">
-  <ul class="flex--centered flex--wrap">
-    {% for link in nav.menu %}
-      <li>
-        {% render "partials/nav/link.liquid", page:page, link:link.name, icon:link.icon %}
-      </li>
-    {% endfor %}
-    {% render "partials/nav/theme-toggle.liquid" %}
-  </ul>
+<nav
+  class="menu--primary flex--centered flex--wrap justify--center"
+  aria-label="Primary site navigation">
+  {% for link in nav.menu %}
+    {% render "partials/nav/link.liquid", page:page, link:link.name, icon:link.icon %}
+  {% endfor %}
+  {% render "partials/nav/theme-toggle.liquid" %}
 </nav>
diff --git a/src/_includes/partials/nav/theme-toggle.liquid b/src/_includes/partials/nav/theme-toggle.liquid
index 817d2d51..cdc60183 100644
--- a/src/_includes/partials/nav/theme-toggle.liquid
+++ b/src/_includes/partials/nav/theme-toggle.liquid
@@ -3,7 +3,7 @@
   {% render "../../../assets/styles/components/theme-toggle.css" %}
 {% endcapture %}
 <style>{{ css }}</style>
-<li class="client-side">
+<span class="client-side">
   <theme-toggle>
     <button
       class="theme__toggle"
@@ -16,4 +16,4 @@
       </span>
     </button>
   </theme-toggle>
-</li>
\ No newline at end of file
+</span>
\ No newline at end of file
diff --git a/src/assets/styles/index.css b/src/assets/styles/index.css
index e2c27c1d..7f4532a1 100644
--- a/src/assets/styles/index.css
+++ b/src/assets/styles/index.css
@@ -175,23 +175,15 @@ th {
 }
 
 /* nav */
-nav ul {
+.main__title nav {
   margin: 0;
   padding: 0;
-  list-style: none;
+  gap: var(--sizing-sm);
 }
 
-nav ul li {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-nav ul li:not(:last-child) {
-  margin-right: calc(var(--sizing-sm) * 1.225);
-}
-
-nav svg {
-  margin-top: var(--sizing-sm);
+.main__title nav a,
+.main__title nav span {
+  height: var(--sizing-xl);
 }
 
 :is(a:hover, a:active, a:focus) svg,