client/css: animate nav link hover color

This commit is contained in:
rr- 2016-04-11 18:41:10 +02:00
parent c543b77aed
commit 256a4e49b9
1 changed files with 4 additions and 0 deletions

View File

@ -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);