From f53f266c9ac14ae43c1d4c20c3fb04f1bbec45c1 Mon Sep 17 00:00:00 2001
From: Eryn Wells <eryn@erynwells.me>
Date: Wed, 3 Jul 2024 07:44:40 -0700
Subject: [PATCH] SiteHeader: Set the bullet in ::before instead of ::after

Set the bullet between nav items in the ::before content rather than the ::after.
I found this lets me control spacing better.

Set the flex gap to XS spacing.
---
 assets/css/099_site_header.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/assets/css/099_site_header.css b/assets/css/099_site_header.css
index eda088f..6990487 100644
--- a/assets/css/099_site_header.css
+++ b/assets/css/099_site_header.css
@@ -28,6 +28,7 @@
 
     ul {
       display: flex;
+      gap: var(--space-xs);
       list-style: none;
       padding-inline: 0;
 
@@ -36,7 +37,7 @@
         padding: 0;
       }
 
-      li:not(:last-child)::after {
+      li:not(:first-child)::before {
         content: "•";
       }
     }