Rakantor/personal-portfolio
1
0
Fork 0
mirror of https://github.com/Rakantor/personal-portfolio.git synced 2025-12-17 19:36:32 +01:00
Code Issues Packages Projects Releases Wiki Activity

Change hover animation of text links

Browse Source
This commit is contained in:
Rakantor
2023-04-22 17:47:20 +02:00
parent dd7a35e5e0
commit 83399330a9
1 changed files with 20 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
assets/variables.scss
View File

@@ -4,11 +4,27 @@
// $font-size-root: 20px; // $font-size-root: 20px;
p a { p a {
color: rgb(var(--v-theme-primary)) !important; color: rgb(var(--v-theme-primary));
text-decoration: none !important; text-decoration: none;
position: relative;
&:hover { &:before {
text-decoration: underline !important; 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);
} }
} }