Give btns active colors
This commit is contained in:
parent
6ba7d561fb
commit
c1ec5ffc7b
@ -193,32 +193,44 @@ code {
|
|||||||
.button {
|
.button {
|
||||||
padding: 0.2rem 1rem;
|
padding: 0.2rem 1rem;
|
||||||
margin: 0.3rem 0.3rem;
|
margin: 0.3rem 0.3rem;
|
||||||
background:#1a3a15;
|
color: #ffffff;
|
||||||
color: rgba(255, 255, 255);
|
background:#099945;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: 100ms ease-in-out all;
|
transition: 100ms ease-in-out all;
|
||||||
border: 1px solid #ffffff;
|
|
||||||
border-radius: 0.5rem;
|
border-radius: 0.5rem;
|
||||||
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.button:hover {
|
.button:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background:#099945;
|
background:#1a3a15;
|
||||||
border-color: #099945;
|
box-shadow: 0 0 0 1px #1a3a15;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button:focus {
|
||||||
|
box-shadow: 0 0 0 2px #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.button:active {
|
.button:active {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
transform: translate(1px, 1px);
|
color: #cccccc;
|
||||||
|
background:#0f200c;
|
||||||
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.button.blue {
|
.button.blue {
|
||||||
background: #05455f;
|
background: #0a82b1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.button.blue:hover {
|
.button.blue:hover {
|
||||||
background:rgb(10, 130, 177);
|
background:#05455f;
|
||||||
border-color: rgb(10, 130, 177);
|
box-shadow: 0 0 0 1px #05455f;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.button.blue:active {
|
||||||
|
background:#05232f;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user