mirror of
https://github.com/Rakantor/personal-portfolio.git
synced 2025-12-17 19:36:32 +01:00
40 lines
850 B
SCSS
40 lines
850 B
SCSS
// Ref: https://github.com/nuxt-community/vuetify-module#customvariables
|
|
//
|
|
// The variables you want to modify
|
|
// $font-size-root: 20px;
|
|
|
|
p a {
|
|
color: rgb(var(--v-theme-primary));
|
|
text-decoration: none;
|
|
position: relative;
|
|
|
|
&: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);
|
|
}
|
|
}
|
|
|
|
.link {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
|
|
&:hover {
|
|
color: rgb(var(--v-theme-primary));
|
|
}
|
|
}
|