HoovesSocial/hippofish
2
0
Fork 0
Code Issues 3 Pull requests 1 Projects Releases Packages Wiki Activity Actions

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: "";