@import "variables";

.tbx-badge
{
  display        : inline-block;
  padding        : 0.4em 0.6em;
  min-width      : 1em;
  font-size      : $badge-font-size;
  font-weight    : $badge-font-weight;
  line-height    : $badge-line-height;
  text-align     : center;
  white-space    : nowrap;
  vertical-align : baseline;
  border-radius  : $badge-border-radius;
  transition     : color 0.15s ease-in-out;
}

.tbx-badge-success
{
  color            : $badge-success-color;
  background-color : $badge-success-bg-color;
}

.tbx-badge-warning
{
  color            : $badge-warning-color;
  background-color : $badge-warning-bg-color;
}

.tbx-badge-danger
{
  color            : $badge-danger-color;
  background-color : $badge-danger-bg-color;
}

.tbx-badge-info
{
  color            : $badge-info-color;
  background-color : $badge-info-bg-color;
}

.tbx-badge-inactive
{
  color            : $badge-inactive-color;
  background-color : $badge-inactive-bg-color;
}