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); } }