61 lines
980 B
SCSS
61 lines
980 B
SCSS
|
button {
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button--primary, .button--primary:focus {
|
||
|
|
border: 1px solid black;
|
||
|
|
padding: 0.5em;
|
||
|
|
margin: 0.5em 0.3em 0.5em 0.3em;
|
||
|
|
color: black;
|
||
|
|
background-color: white;
|
||
|
|
outline: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button--primary:hover {
|
||
|
|
border: 1px solid #4156C5;
|
||
|
|
color: white;
|
||
|
|
background-color: #4156C5;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button--primary:active{
|
||
|
|
border: 1px solid #ffffff;
|
||
|
|
color: #d0d0d0;
|
||
|
|
background-color: #ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button--secondary, .button--secondary:focus {
|
||
|
|
border: 0px;
|
||
|
|
border-bottom: 1px solid black;
|
||
|
|
padding: 0.5em;
|
||
|
|
margin: 0.5em 0.3em 0.5em 0.3em;
|
||
|
|
color: black;
|
||
|
|
background-color: white;
|
||
|
|
outline: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button--secondary:hover {
|
||
|
|
border-bottom: 1px solid #9b9b9b;
|
||
|
|
color: #4156C5;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button--secondary:active {
|
||
|
|
color: #ffffff;;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button--large{
|
||
|
|
margin: 0px;
|
||
|
|
width: calc(100% - 2px);
|
||
|
|
padding: 2rem;
|
||
|
|
font-size: x-large;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button--cancel{
|
||
|
|
border: 0px;
|
||
|
|
background-color: white;
|
||
|
|
color: #9b9b9b;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button--wide {
|
||
|
|
width: 100%;
|
||
|
|
}
|