From f6000d01979e23602bae40a645920103605f7910 Mon Sep 17 00:00:00 2001
From: Eryn Wells <eryn@erynwells.me>
Date: Sat, 19 Nov 2022 13:41:57 -0800
Subject: [PATCH] Fix up the spacing of bulleted and social navs

---
 assets/styles/root.css | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/assets/styles/root.css b/assets/styles/root.css
index 0dca32a..d092695 100644
--- a/assets/styles/root.css
+++ b/assets/styles/root.css
@@ -45,6 +45,8 @@
     --html-background-color: rgb(var(--white));
     --html-color: rgba(var(--black), 0.8);
 
+    --nav-bulleted-spacing: 0.75rem;
+
     --platter-background-color: rgba(var(--white), var(--platter-background-opacity));
     --platter-background-opacity: 0.6;
     --platter-backdrop-filter: blur(10px);
@@ -345,9 +347,6 @@ main > header {
     margin-bottom: var(--body-item-spacing);
 }
 
-main > :first-child { margin-block-start: 0; }
-main > :last-child { margin-block-end: 0; }
-
 header.site > .grid > nav {
     align-items: center;
     display: flex;
@@ -361,15 +360,17 @@ header.site > .grid > nav {
 header.site > .grid > nav > li {
     color: var(--site-nav-link-color);
     display: block;
-    margin-inline-end: 0.5em;
 }
 
 header.site > .grid > nav > .active { font-weight: bold; }
 
+main > :first-child { margin-block-start: 0; }
+main > :last-child { margin-block-end: 0; }
+
 nav.bulleted > li:first-child::before {
     color: var(--html-color);
     content: "";
-    margin-inline-end: 0;
+    margin-inline: 0;
 }
 
 nav.bulleted > li::before {
@@ -378,9 +379,12 @@ nav.bulleted > li::before {
     font-size: 60%;
     font-weight: normal;
     opacity: 80%;
-    margin-inline-end: 0.5em;
+    margin-inline: var(--nav-bulleted-spacing);
 }
 
+nav.social > li { margin-inline-start: var(--nav-bulleted-spacing); }
+nav.social > li:first-child { margin-inline-start: 0; }
+
 p {
     letter-spacing: 0.025em;
     line-height: var(--body-line-height);