updated button css

This commit is contained in:
bill bittner 2018-02-09 09:15:52 -08:00
parent 75b5981e01
commit 98992b754b

View file

@ -407,12 +407,13 @@ button {
cursor: pointer; cursor: pointer;
} }
.button--primary { .button--primary, .button--primary:focus {
border: 1px solid black; border: 1px solid black;
padding: 0.5em; padding: 0.5em;
margin: 0.5em 0.3em 0.5em 0.3em; margin: 0.5em 0.3em 0.5em 0.3em;
color: black; color: black;
background-color: white; background-color: white;
outline: 0px;
} }
.button--primary:hover { .button--primary:hover {
@ -422,18 +423,19 @@ button {
} }
.button--primary:active{ .button--primary:active{
border: 1px solid #4156C5; border: 1px solid #ffffff;
color: white; color: #d0d0d0;
background-color: white; background-color: #ffffff;
} }
.button--secondary { .button--secondary, .button--secondary:focus {
border: 0px; border: 0px;
border-bottom: 1px solid black; border-bottom: 1px solid black;
padding: 0.5em; padding: 0.5em;
margin: 0.5em 0.3em 0.5em 0.3em; margin: 0.5em 0.3em 0.5em 0.3em;
color: black; color: black;
background-color: white; background-color: white;
outline: 0px;
} }
.button--secondary:hover { .button--secondary:hover {
@ -441,6 +443,10 @@ button {
color: #4156C5; color: #4156C5;
} }
.button--secondary:active {
color: #ffffff;;
}
.button--large{ .button--large{
margin: 0px; margin: 0px;
width: calc(100% - 2px); width: calc(100% - 2px);