/**
 * Brand-coloured badge
 */

.badge-uoe {
  color:            @brand-bg-text;
  background-color: @brand-color;

  // Hover state, but only for links
  a:hover,
  a:focus {
    color:          @brand-bg-text;
  }
}

/* Bootstrap 4 allows badges in contextual colours */
// Contextual variations (linked labels get darker on :hover)
.badge-primary {
  background-color: @label-primary-bg;
}

.badge-success {
  background-color: @label-success-bg;
}

.badge-info {
  background-color: @label-info-bg;
  color: #000;
}

.badge-warning {
  background-color: @label-warning-bg;
  color: #000;
}

.badge-danger {
  background-color: @label-danger-bg;
}

/* Contrast fixes */
.label-info,
.label-warning {
  color: #000;
}
