From 852fdc554878b9d95896f81e7927ed6921a17cca Mon Sep 17 00:00:00 2001
From: daudix <ddaudix@gmail.com>
Date: Sun, 28 Jan 2024 23:40:31 +0300
Subject: [PATCH] fix: Don't transform separator when active

---
 sass/_nav.scss              | 31 +++++++++++++++++--------------
 templates/includes/nav.html |  8 ++++----
 2 files changed, 21 insertions(+), 18 deletions(-)

diff --git a/sass/_nav.scss b/sass/_nav.scss
index 727d0c2..389c98a 100644
--- a/sass/_nav.scss
+++ b/sass/_nav.scss
@@ -52,29 +52,32 @@
 
     #home {
       position: relative;
-      font-weight: 800;
-      color: var(--fg-muted-5);
-
-      &:hover {
-        color: var(--primary-color);
-      }
 
       &::after {
-        content: "";
-        position: absolute;
-        height: 110%;
-        width: 1px;
         background-color: var(--fg-muted-2);
-        top: 0;
+        content: "";
+        height: 110%;
+        position: absolute;
         right: -0.2rem;
+        top: 0;
+        width: 1px;
+      }
+
+      a {
+        font-weight: 800;
+        color: var(--fg-muted-5);
+
+        &:hover {
+          color: var(--primary-color);
+        }
       }
     }
 
-    #feed {
+    #feed a {
       padding: 0.325rem 0.625rem;
-      
+
       svg {
-        vertical-align: -.125em;
+        vertical-align: -0.125em;
       }
     }
   }
diff --git a/templates/includes/nav.html b/templates/includes/nav.html
index 43378e7..b656f39 100644
--- a/templates/includes/nav.html
+++ b/templates/includes/nav.html
@@ -1,8 +1,8 @@
 <header id="site-nav">
   <nav>
     <ul>
-      <li>
-        <a id="home" href="{{ get_url(path='') }}">{{ config.title }}</a>
+      <li id="home">
+        <a href="{{ get_url(path='') }}">{{ config.title }}</a>
       </li>
       {% for link in config.extra.nav.links %}
       <li>
@@ -10,8 +10,8 @@
       </li>
       {% endfor %}
       {% if config.extra.nav.show_feed %}
-      <li>
-        <a id="feed" href="{{ get_url(path='') }}/{{ config.feed_filename }}"><svg width="1rem" height="1rem"><path fill="currentColor" d="M1.988 1.988V3c.008.547.453.984 1 .988.004-.004.008-.004.012-.004v.028A8.977 8.977 0 0 1 11.988 13a.991.991 0 0 0 1 .984h1V13h-.004c0-.004 0-.004.004-.008C13.984 7.02 9.184 2.148 3.242 2.02A1.004 1.004 0 0 0 3 1.988v-.004zm0 4V7c.008.547.453.984 1 .988.004-.004.008-.004.012-.004V8a4.985 4.985 0 0 1 4.996 4.844 1.002 1.002 0 0 0 .988 1.145c.008-.005.012-.005.016-.005v.004h.984V13H10c0-3.793-3.047-6.898-6.82-6.992 0-.004-.004-.004-.004-.004A.892.892 0 0 0 3 5.988v-.004zm2 4a1.999 1.999 0 1 0-.002 3.998 1.999 1.999 0 0 0 .002-3.998m0 0"/></svg></a>
+      <li id="feed">
+        <a href="{{ get_url(path='') }}/{{ config.feed_filename }}"><svg width="1rem" height="1rem"><path fill="currentColor" d="M1.988 1.988V3c.008.547.453.984 1 .988.004-.004.008-.004.012-.004v.028A8.977 8.977 0 0 1 11.988 13a.991.991 0 0 0 1 .984h1V13h-.004c0-.004 0-.004.004-.008C13.984 7.02 9.184 2.148 3.242 2.02A1.004 1.004 0 0 0 3 1.988v-.004zm0 4V7c.008.547.453.984 1 .988.004-.004.008-.004.012-.004V8a4.985 4.985 0 0 1 4.996 4.844 1.002 1.002 0 0 0 .988 1.145c.008-.005.012-.005.016-.005v.004h.984V13H10c0-3.793-3.047-6.898-6.82-6.992 0-.004-.004-.004-.004-.004A.892.892 0 0 0 3 5.988v-.004zm2 4a1.999 1.999 0 1 0-.002 3.998 1.999 1.999 0 0 0 .002-3.998m0 0"/></svg></a>
       </li>
       {% endif %}
     </ul>