Add some more style to nav buttons

This commit is contained in:
Dominik V. Salonen 2018-03-14 14:46:53 +01:00
parent e77fd63d1e
commit f1e015ead8
1 changed files with 6 additions and 3 deletions

View File

@ -83,7 +83,8 @@ h1, h2, h3, h4, h5, p {
display: inline-block; display: inline-block;
border-bottom: solid 3px #2b2b2b; border-bottom: solid 3px #2b2b2b;
background-color: #3b3b3b; background-color: #3b3b3b;
transition: background 0.15s ease-in-out, border 0.5s ease-in-out; color: #AAA;
transition: background 0.15s ease-in-out, border 0.5s ease-in-out, color 0.15s ease-in-out;
padding: 10px 5px; padding: 10px 5px;
box-sizing: border-box; box-sizing: border-box;
margin: 0; margin: 0;
@ -96,12 +97,14 @@ h1, h2, h3, h4, h5, p {
.nav-button:hover { .nav-button:hover {
background-color: #4b4b4b; background-color: #4b4b4b;
transition: background 0.15s ease-in-out; color: #FFF;
transition: background 0.15s ease-in-out, color 0.15s ease-in-out;
} }
.nav-button.active { .nav-button.active {
border-color: #FF5555; border-color: #FF5555;
transition: background 0.15s ease-in-out, border 0.5s ease-in-out; color: #FFF;
transition: background 0.15s ease-in-out, border 0.5s ease-in-out, color 0.15s ease-in-out;
} }
.initial-text { .initial-text {