@workday/canvas-kit-css/badge.css

The parent module that contains all Workday Canvas Kit CSS components

@keyframes animation-2vjeh7 {
  from {
    transform: scale(0.85);
  }
  
  to {
    transform: scale(1.0);
  }
  
}

.cnvs-count-badge {
  box-sizing: border-box;
  align-items: center;
  animation: animation-2vjeh7 0.2s ease;
  border-radius: var(--cnvs-sys-shape-round);
  display: inline-flex;
  font-family: var(--cnvs-sys-font-family-default);
  font-size: var(--cnvs-sys-font-size-subtext-medium);
  font-weight: var(--cnvs-sys-font-weight-bold);
  height: 1.25rem;
  justify-content: center;
  line-height: 1.25rem;
  min-width: 1.25rem;
  padding: 0 0.40625rem;
  background: var(--cnvs-sys-color-fg-critical-default);
  color: var(--cnvs-sys-color-text-inverse);
}


.cnvs-count-badge.variant-inverse {
  background: var(--cnvs-sys-color-bg-default);
  color: var(--cnvs-sys-color-text-primary-default);
}



.cnvs-count-badge.emphasis-low {
  background: var(--cnvs-sys-color-bg-info-softer);
  color: var(--cnvs-sys-color-fg-info-stronger);
}


.cnvs-count-badge.variant-inverse.emphasis-low {
  background: var(--cnvs-sys-color-bg-transparent-strong);
  color: var(--cnvs-sys-color-fg-inverse);
}