updated button css
This commit is contained in:
parent
75b5981e01
commit
98992b754b
1 changed files with 11 additions and 5 deletions
|
@ -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);
|
||||||
|
|
Loading…
Reference in a new issue