From 93ecade2f49bc2088369527722c86fd42bdc8326 Mon Sep 17 00:00:00 2001
From: Cutieguwu <owen.brooks77@gmail.com>
Date: Wed, 23 Jul 2025 21:58:33 -0400
Subject: [PATCH] Add scaling on hover for Quick Links; A bit of clean up.

---
 src/partials/_common.scss          | 6 ++----
 src/partials/_nav_quick_links.scss | 7 +++++++
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/partials/_common.scss b/src/partials/_common.scss
index 3ea8b51..7b64c47 100644
--- a/src/partials/_common.scss
+++ b/src/partials/_common.scss
@@ -43,6 +43,7 @@
     --white-3: #f5f5f5ff;
 
     --font-size-generic: 1.85vh;
+
     --font-family-generic: "Liberation Sans", Arial, Sans-Serif;
     --font-family-title: "Liberation Serif", Arial, Sans-Serif;
 
@@ -60,6 +61,7 @@
     --transition-cut: none;
 
     --transform-scale-x: scaleX(1.15);
+    --transform-scale-y: scaleY(1.15);
 
     body {
         background-color: var(--background-0);
@@ -93,10 +95,6 @@ a {
     font-family: var(--font-family-generic);
 }
 
-p {
-    font-family: var(--font-family-generic);
-}
-
 ion-icon {
     width: 1rem;
     height: 1rem;
diff --git a/src/partials/_nav_quick_links.scss b/src/partials/_nav_quick_links.scss
index 35387c5..d497733 100644
--- a/src/partials/_nav_quick_links.scss
+++ b/src/partials/_nav_quick_links.scss
@@ -22,6 +22,8 @@
         width: var(--item-size);
         height: var(--item-size);
 
+        transition: var(--transition-fade);
+
         ion-icon {
             /*
             To colour the icons, apply inline styling.
@@ -35,4 +37,9 @@
             border-radius: var(--border-radius-leaf);
         }
     }
+
+    a:hover {
+        transition: var(--transition-cut);
+        transform: var(--transform-scale-x) var(--transform-scale-y);
+    }
 }