From f1e015ead8256bf493c7c368c07817692f0f9e23 Mon Sep 17 00:00:00 2001 From: "Dominik V. Salonen" Date: Wed, 14 Mar 2018 14:46:53 +0100 Subject: [PATCH] Add some more style to nav buttons --- style.css | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/style.css b/style.css index 787dd70..4586938 100755 --- a/style.css +++ b/style.css @@ -83,7 +83,8 @@ h1, h2, h3, h4, h5, p { display: inline-block; border-bottom: solid 3px #2b2b2b; 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; box-sizing: border-box; margin: 0; @@ -96,12 +97,14 @@ h1, h2, h3, h4, h5, p { .nav-button:hover { 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 { 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 {