From 48de2fbd25e4f1929c1cac930573863567a993e3 Mon Sep 17 00:00:00 2001
From: Namanyay Goel <mail@namanyayg.com>
Date: Sun, 14 Jan 2024 17:05:26 +0530
Subject: [PATCH] Add nav link hover effect

---
 .gitignore                |  1 +
 _includes/header.html     |  8 ++++----
 _sass/minima/_layout.scss | 10 ++++++++++
 3 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/.gitignore b/.gitignore
index f40fbd8..22b850b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,5 @@
 _site
+_drafts
 .sass-cache
 .jekyll-cache
 .jekyll-metadata
diff --git a/_includes/header.html b/_includes/header.html
index 8183b90..ce77751 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -22,10 +22,10 @@
         </label>
 
         <div class="trigger">
-          <a class="page-link" href="https://nmn.gl">Home</a>
-          <a class="page-link" href="https://nmn.gl/#about">About</a>
-          <a class="page-link" rel="author" href="{{ "/" | relative_url }}">Blog</a>
-          <a class="page-link" rel="author" href="https://nmn.gl/lab">Lab</a>
+          <a class="page-link" href="https://nmn.gl"><span>Home</span></a>
+          <a class="page-link" href="https://nmn.gl/#about"><span>About</span></a>
+          <a class="page-link" rel="author" href="{{ "/" | relative_url }}"><span>Blog</span></a>
+          <a class="page-link" rel="author" href="https://nmn.gl/lab"><span>Lab</span></a>
         </div>
       </nav>
     {%- endif -%}
diff --git a/_sass/minima/_layout.scss b/_sass/minima/_layout.scss
index f91d522..82349f5 100644
--- a/_sass/minima/_layout.scss
+++ b/_sass/minima/_layout.scss
@@ -68,6 +68,16 @@
     line-height: $base-line-height;
     text-transform: lowercase;
 
+    span {
+      transition: all .15s ease;
+      display: inline-block;
+    }
+
+    &:hover {
+      span {
+        transform: translateY(-.25em);
+      }
+    }
     // Gaps between nav items, but not on the last one
     &:not(:last-child) {
       margin-right: $spacing-unit;