From 2621bc5978fc7f6f24d2f0ba91715c01c62b43a9 Mon Sep 17 00:00:00 2001
From: Anhgelus Morhtuuzh <anhgelus.morhtuuzh@proton.me>
Date: Thu, 14 Nov 2024 15:22:50 +0100
Subject: feat(tag): style on hover

---
 scss/main.scss |  1 +
 scss/tag.scss  | 17 ++++++++++-------
 2 files changed, 11 insertions(+), 7 deletions(-)

(limited to 'scss')

diff --git a/scss/main.scss b/scss/main.scss
index 6ce00b3..f53f6d4 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -73,6 +73,7 @@ main {
   transition: .3s;
   max-height: 75vh;
   overflow: auto;
+  scrollbar-width: thin;
   & h1, h2, h3 {
     margin: 0;
   }
diff --git a/scss/tag.scss b/scss/tag.scss
index 02539fa..3b1376c 100644
--- a/scss/tag.scss
+++ b/scss/tag.scss
@@ -16,21 +16,18 @@
     }
   }
   & p {
-    display: none;
-    @media only screen and (max-width: vars.$bp-little) {
-      display: block;
-    }
+    display: block;
+    margin-top: 0.5rem;
   }
 }
 
 .tag {
   cursor: pointer;
+  padding: 0.5rem;
+  border-radius: 16px;
   @media only screen and (max-width: vars.$bp-little) {
     cursor: auto;
   }
-  & h4:hover {
-    text-decoration: underline;
-  }
   &.active {
     & h4 {
       margin-bottom: 0.5rem;
@@ -39,4 +36,10 @@
       display: block;
     }
   }
+  &:hover {
+    background: var(--tag-hover);
+    & h4 {
+      font-weight: bold;
+    }
+  }
 }
-- 
cgit v1.2.3