Sha256: 3f7c751c11dd8ded787edd6e0e8d0ffce8b8074b528b3f83caef1fc1995cf8f2

Contents?: true

Size: 849 Bytes

Versions: 7

Compression:

Stored size: 849 Bytes

Contents

@import "../tokens/border_radius";
@import "../tokens/colors";
@import "../tokens/opacity";
@import "../tokens/spacing";
@import "../tokens/typography";

[class^=pb_badge_kit] {
  $pb_badge_height: 18px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: $border_rad_light;
  padding: 0 $space_xs / 2;
  border: 1px solid $white;

  span {
    transform: translateY(1px);
    display: inline-block;
    font-size: $font_smaller - 2;
    font-weight: $boldest;
  }

  @each $color_name, $color_value in $status_colors {
    &[class*=_#{$color_name}]  {
      background: rgba($color_value, $opacity-1);
      color: $color_value;
    }
  }

  &[class*="rounded"] {
    height: $pb_badge_height;
    min-height: $pb_badge_height;
    min-width: $pb_badge_height;
    border-radius: $pb_badge_height / 2;
  }
}

Version data entries

7 entries across 7 versions & 1 rubygems

Version Path
playbook_ui-2.9.7 app/pb_kits/playbook/pb_badge/_badge.scss
playbook_ui-2.9.6 app/pb_kits/playbook/pb_badge/_badge.scss
playbook_ui-2.9.5 app/pb_kits/playbook/pb_badge/_badge.scss
playbook_ui-2.9.4 app/pb_kits/playbook/pb_badge/_badge.scss
playbook_ui-2.9.3 app/pb_kits/playbook/pb_badge/_badge.scss
playbook_ui-2.9.2 app/pb_kits/playbook/pb_badge/_badge.scss
playbook_ui-2.9.1 app/pb_kits/playbook/pb_badge/_badge.scss