Sha256: 8f1599126eb0300b02189d5d4cbd6fa49eeab43dfb8f1e53e961606b6adf133d
Contents?: true
Size: 1.68 KB
Versions: 54
Compression:
Stored size: 1.68 KB
Contents
@import "mixins/components.buttons";
.c-button {
@include button;
}
.c-button--close {
@include button-color(transparent, inherit);
position: absolute;
right: $spacing-small;
padding: 0;
outline: 0;
font-size: $button-close-font-size;
font-weight: $button-close-font-weight;
line-height: 1;
}
.c-button--block {
display: inline-block;
width: 100%;
}
.c-button--rounded {
border-radius: $button-rounded-border-radius;
}
.c-button--brand {
@include button-color($button-brand-background-color, $button-brand-color);
}
.c-button--info {
@include button-color($button-info-background-color, $button-info-color);
}
.c-button--warning {
@include button-color($button-warning-background-color, $button-warning-color);
}
.c-button--success {
@include button-color($button-success-background-color, $button-success-color);
}
.c-button--error {
@include button-color($button-error-background-color, $button-error-color);
}
.c-button--ghost {
@include button-ghost;
}
.c-button--ghost-brand {
@include button-ghost($button-ghost-brand-color, $button-ghost-brand-hover-color);
}
.c-button--ghost-info {
@include button-ghost($button-ghost-info-color, $button-ghost-info-hover-color);
}
.c-button--ghost-warning {
@include button-ghost($button-ghost-warning-color, $button-ghost-warning-hover-color);
}
.c-button--ghost-success {
@include button-ghost($button-ghost-success-color, $button-ghost-success-hover-color);
}
.c-button--ghost-error {
@include button-ghost($button-ghost-error-color, $button-ghost-error-hover-color);
}
.c-button__icon-left {
padding-right: $button-icon-left-padding;
}
.c-button__icon-right {
padding-left: $button-icon-right-padding;
}
Version data entries
54 entries across 54 versions & 4 rubygems