mirror of
https://github.com/tabler/tabler.git
synced 2026-01-11 15:10:08 +04:00
24 lines
468 B
SCSS
24 lines
468 B
SCSS
@mixin label-color($color) {
|
|
color: $color;
|
|
background: rgba($color, .04);
|
|
}
|
|
|
|
.label {
|
|
display: inline-flex;
|
|
@include label-color($color-muted);
|
|
text-transform: uppercase;
|
|
font-size: $font-size-h6;
|
|
line-height: $line-height-h6;
|
|
font-weight: $font-weight-medium;
|
|
letter-spacing: $tracking-wide;
|
|
padding: $gap-1 $gap-2;
|
|
border-radius: $border-radius;
|
|
}
|
|
|
|
@each $name, $color in $colors {
|
|
.label-#{$name} {
|
|
@include label-color($color);
|
|
}
|
|
}
|
|
|