Madeorsk/rudeshark.net
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

transitions for navbar hover

Browse Source
This commit is contained in:
ThatOneCalculator 2022-11-07 12:47:57 -08:00
parent 3c1c238db7
commit cf2ab6becb
1 changed files with 5 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/client/src/ui/_common_/navbar.vue
View File

@ -283,6 +283,7 @@ function more(ev: MouseEvent) {
&:hover, &.active { &:hover, &.active {
&:before { &:before {
background: var(--accentLighten); background: var(--accentLighten);
transition: all 0.4s ease;
} }
} }
@ -373,6 +374,7 @@ function more(ev: MouseEvent) {
&:hover { &:hover {
text-decoration: none; text-decoration: none;
color: var(--navHoverFg); color: var(--navHoverFg);
transition: all 0.4s ease;
} }
&.active { &.active {
@ -381,6 +383,7 @@ function more(ev: MouseEvent) {
&:hover, &.active { &:hover, &.active {
color: var(--accent); color: var(--accent);
transition: all 0.4s ease;
&:before { &:before {
content: ""; content: "";
@ -466,6 +469,7 @@ function more(ev: MouseEvent) {
&:hover, &.active { &:hover, &.active {
&:before { &:before {
background: var(--accentLighten); background: var(--accentLighten);
transition: all 0.4s ease;
} }
} }
@ -534,6 +538,7 @@ function more(ev: MouseEvent) {
&:hover, &.active { &:hover, &.active {
text-decoration: none; text-decoration: none;
color: var(--accent); color: var(--accent);
transition: all 0.4s ease;
&:before { &:before {
content: ""; content: "";