_auk-color-badge.scss

/* ==========================================================================
    Component: Color badge
   ========================================================================== */

.auk-color-badge {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  border-radius: 0.2rem;
}

.auk-color-badge--default {
  background-color: $auk-gray-500;
}

.auk-color-badge--warning {
  background-color: $auk-yellow-500;
}

.auk-color-badge--error {
  background-color: $auk-red-500;
}

.auk-color-badge--success {
  background-color: $auk-green-500;
}