@atlassian/aui/lib/css/aui-badge.css

Atlassian User Interface Framework

/*! AUI Badge */
aui-badge,
.aui-badge {
  background: rgba(9, 30, 66, 0.08);
  border-radius: 2em;
  color: rgba(9, 30, 66, 0.95);
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  min-height: 1em;
  min-width: 1em;
  /* want a capsule style even when single digit */
  padding: 2px 6px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-items: center;
  align-content: center;
  text-decoration: none;
  text-shadow: none;
  text-transform: uppercase;
}
aui-badge.aui-badge-primary,
.aui-badge.aui-badge-primary {
  background-color: #B3D4FF;
  color: #0052CC;
  font-weight: 600;
}
.aui-header a > aui-badge,
.aui-header a > .aui-badge,
.aui-button-primary > aui-badge,
.aui-button-primary > .aui-badge,
.aui-dropdown2.aui-style-default .active > aui-badge,
.aui-dropdown2.aui-style-default .active > .aui-badge {
  background: rgba(255, 255, 255, 0.25);
  color: #FFFFFF;
}
.aui-button[disabled] > aui-badge,
.aui-button[disabled] > .aui-badge {
  background: rgba(9, 30, 66, 0.08);
  color: inherit;
}
.aui-button-primary[disabled] > aui-badge,
.aui-button-primary[disabled] > .aui-badge {
  background: rgba(255, 255, 255, 0.25);
}
.aui-button > aui-badge,
.aui-button > .aui-badge,
.aui-tabs .menu-item aui-badge,
.aui-tabs .menu-item .aui-badge {
  top: -1px;
  /* slight tweak to position them in specific contexts */
}

/*# sourceMappingURL=aui-badge.css.map */