Give btns active colors

This commit is contained in:
Paul W. 2022-04-28 09:24:17 -04:00
parent 6ba7d561fb
commit c1ec5ffc7b

View File

@ -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;
}