From 3311dfb5e039f4ea05d482ae14bb8b6577792186 Mon Sep 17 00:00:00 2001
From: Leo <contact@leonguyen.com>
Date: Sat, 21 Sep 2024 16:54:11 -0500
Subject: [PATCH] Prevent font awesome icons from being underlined in links.

---
 scss/bootstrap/helpers/_icon_link.scss | 7 +++++++
 scss/essence.scss                      | 3 ++-
 2 files changed, 9 insertions(+), 1 deletion(-)
 create mode 100644 scss/bootstrap/helpers/_icon_link.scss

diff --git a/scss/bootstrap/helpers/_icon_link.scss b/scss/bootstrap/helpers/_icon_link.scss
new file mode 100644
index 0000000..b7cfdd8
--- /dev/null
+++ b/scss/bootstrap/helpers/_icon_link.scss
@@ -0,0 +1,7 @@
+.icon-link {
+  gap: 0;
+
+  i::before {
+    display: inline-block;
+  }
+}
\ No newline at end of file
diff --git a/scss/essence.scss b/scss/essence.scss
index a877dce..72f6d5e 100644
--- a/scss/essence.scss
+++ b/scss/essence.scss
@@ -14,9 +14,10 @@
 @import 'bootstrap/nav';
 @import 'bootstrap/navbar';
 @import 'bootstrap/pagination';
-
 @import 'bootstrap/code';
 
+@import 'bootstrap/helpers/icon_link';
+
 // Essence components
 @import 'elements/sidebar';
 @import 'elements/footer';