2018-06-05 17:02:23 +02:00
|
|
|
.button-primary, .button-primary:focus, .button-primary:active {
|
|
|
|
border: $button-border-width $button-border-strength $primary-color;
|
2018-06-09 02:23:11 +02:00
|
|
|
margin-top: $thin-padding;
|
|
|
|
margin-bottom: $thin-padding;
|
|
|
|
padding: $thin-padding;
|
2018-06-05 17:02:23 +02:00
|
|
|
color: $primary-color;
|
|
|
|
background-color: $background-color;
|
|
|
|
outline: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.button-primary:focus {
|
|
|
|
border-color: $secondary-color;
|
|
|
|
background-color: $tertiary-color;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.button-primary:hover {
|
|
|
|
border-color: $interactive-color;
|
|
|
|
color: $background-color;
|
|
|
|
background-color: $interactive-color;
|
|
|
|
}
|
|
|
|
|
|
|
|
.button-primary:active{
|
|
|
|
border-color: $background-color;
|
|
|
|
color: $secondary-color;
|
|
|
|
background-color: $tertiary-color;
|
|
|
|
}
|
|
|
|
|
|
|
|
.button-primary--jumbo, .button-primary--jumbo:focus, .button-primary--jumbo:active {
|
2018-06-09 02:23:11 +02:00
|
|
|
width: $button-full-width;
|
|
|
|
padding-top: $secondary-padding;
|
|
|
|
padding-bottom: $secondary-padding;
|
2018-06-05 17:02:23 +02:00
|
|
|
font-size: x-large;
|
|
|
|
}
|