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;
|
||||
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 {
|
||||
|
|
Loading…
Reference in New Issue