spee.ch/client/scss/button-primary/_button-primary.scss

35 lines
872 B
SCSS
Raw Normal View History

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