From b500157fb043de3682ca9fac73cc14eea97d9998 Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Tue, 15 Oct 2024 13:31:46 +0200
Subject: [PATCH] feat: :lipstick: use tailwind utility classes for abbr styles

---
 src/css/style.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/css/style.css b/src/css/style.css
index 0e3b3bf..1e55b56 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -43,7 +43,7 @@ a:not(.nav-link, .read-more-button) {
 }
 
 abbr {
-  text-decoration: none;
+  @apply no-underline;
 
   &::after {
     content: ' (' attr(title) ')';
@@ -52,7 +52,7 @@ abbr {
 
 @media (hover: hover) {
   abbr {
-    text-decoration: underline dotted;
+    @apply underline decoration-sky-600 decoration-dotted decoration-2 underline-offset-4;
 
     &::after {
       content: '';