Add some more style to nav buttons
This commit is contained in:
parent
e77fd63d1e
commit
f1e015ead8
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue