From 83399330a9c853d64c0eff6c29e974d33fd20004 Mon Sep 17 00:00:00 2001
From: Rakantor <rakantor.dev@gmail.com>
Date: Sat, 22 Apr 2023 17:47:20 +0200
Subject: [PATCH] Change hover animation of text links

---
 assets/variables.scss | 24 ++++++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/assets/variables.scss b/assets/variables.scss
index fbc3051..7c6dce2 100644
--- a/assets/variables.scss
+++ b/assets/variables.scss
@@ -4,11 +4,27 @@
 // $font-size-root: 20px;
 
 p a {
-    color: rgb(var(--v-theme-primary)) !important;
-    text-decoration: none !important;
+    color: rgb(var(--v-theme-primary));
+    text-decoration: none;
+    position: relative;
 
-    &:hover {
-        text-decoration: underline !important;
+    &:before {
+        content: '';
+        position: absolute;
+        width: 100%;
+        height: 2px;
+        border-radius: 2px;
+        background-color: rgb(var(--v-theme-primary));
+        bottom: 0;
+        left: 0;
+        transform-origin: right;
+        transform: scaleX(0);
+        transition: transform .3s ease-in-out;
+    }
+
+    &:hover::before {
+        transform-origin: left;
+        transform: scaleX(1);
     }
 }