client/css: animate nav link hover color
This commit is contained in:
parent
c543b77aed
commit
256a4e49b9
|
@ -44,6 +44,7 @@ h1, h2, h3 {
|
||||||
a {
|
a {
|
||||||
color: var(--main-color);
|
color: var(--main-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
transition: color 0.1s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
#content-holder {
|
#content-holder {
|
||||||
|
@ -106,6 +107,9 @@ nav.text-nav ul li a {
|
||||||
nav.text-nav ul li:not(.active) a {
|
nav.text-nav ul li:not(.active) a {
|
||||||
color: var(--inactive-tab-text-color);
|
color: var(--inactive-tab-text-color);
|
||||||
}
|
}
|
||||||
|
nav.text-nav ul li:hover:not(.active) a {
|
||||||
|
color: var(--active-tab-text-color);
|
||||||
|
}
|
||||||
nav.text-nav ul li.active a {
|
nav.text-nav ul li.active a {
|
||||||
background: var(--active-tab-background-color);
|
background: var(--active-tab-background-color);
|
||||||
color: var(--active-tab-text-color);
|
color: var(--active-tab-text-color);
|
||||||
|
|
Loading…
Reference in New Issue