Sha256: 7b3c7f040275ffd74ff9fdb32de2b1e6aacef41632a96e2b57991dbc221fd942
Contents?: true
Size: 1.64 KB
Versions: 54
Compression:
Stored size: 1.64 KB
Contents
@import "mixins/components.badges";
.c-badge {
@include badge($badge-background-color, $badge-color, $badge-background-color);
display: inline-block;
margin: $badge-margin;
padding: $badge-padding;
border-radius: $badge-border-radius;
font-size: $badge-font-size;
font-weight: $badge-font-weight;
line-height: $badge-line-height;
&.c-badge--ghost {
@include badge($badge-ghost-background-color, $badge-ghost-color)
}
}
.c-badge--rounded {
border-radius: $badge-border-radius-rounded;
}
.c-badge--brand {
@include badge($badge-brand-background-color, $badge-brand-color, $badge-brand-background-color);
&.c-badge--ghost {
@include badge($badge-ghost-brand-background-color, $badge-ghost-brand-color)
}
}
.c-badge--info {
@include badge($badge-info-background-color, $badge-info-color, $badge-info-background-color);
&.c-badge--ghost {
@include badge($badge-ghost-info-background-color, $badge-ghost-info-color)
}
}
.c-badge--warning {
@include badge($badge-warning-background-color, $badge-warning-color, $badge-warning-background-color);
&.c-badge--ghost {
@include badge($badge-ghost-warning-background-color, $badge-ghost-warning-color)
}
}
.c-badge--success {
@include badge($badge-success-background-color, $badge-success-color, $badge-success-background-color);
&.c-badge--ghost {
@include badge($badge-ghost-success-background-color, $badge-ghost-success-color)
}
}
.c-badge--error {
@include badge($badge-error-background-color, $badge-error-color, $badge-error-background-color);
&.c-badge--ghost {
@include badge($badge-ghost-error-background-color, $badge-ghost-error-color)
}
}
Version data entries
54 entries across 54 versions & 4 rubygems