_label.scss 468 B

1234567891011121314151617181920212223
  1. @mixin label-color($color) {
  2. color: $color;
  3. background: rgba($color, .04);
  4. }
  5. .label {
  6. display: inline-flex;
  7. @include label-color($color-muted);
  8. text-transform: uppercase;
  9. font-size: $font-size-h6;
  10. line-height: $line-height-h6;
  11. font-weight: $font-weight-medium;
  12. letter-spacing: $tracking-wide;
  13. padding: $gap-1 $gap-2;
  14. border-radius: $border-radius;
  15. }
  16. @each $name, $color in $colors {
  17. .label-#{$name} {
  18. @include label-color($color);
  19. }
  20. }