funky-framadate-front/src/styles/partials/_buttons.scss

67 lines
718 B
SCSS

.outlined {
&:focus {
outline: #6359cf;
outline-style: solid;
}
}
a {
@extend .outlined;
}
button,
.btn {
@extend .outlined;
@extend .button;
}
.btn--full {
@extend .is-block;
}
button {
&.is-white {
&:hover {
background: $secondary_color;
color: $white;
}
}
&:hover {
outline-color: cadetblue;
}
}
.is-success {
background: #128149;
color: #fff;
}
.is-primary {
background: #6359cf;
color: #fff;
}
.is-disabled {
background: #767486;
color: #fff;
}
.is-secondary {
background: #fff;
color: #6359cf;
border-color: #6359cf;
}
.btn-primary {
@extend .is-primary;
}
.is-warning {
@extend .is-warning;
}
.btn--info {
@extend .is-info;
}
.btn--danger {
@extend .is-danger;
}