badge.scss

/**
 * @license EUPL-1.2+
 * Copyright Gemeente Amsterdam
 */

.ams-badge {
  background-color: var(--ams-badge-background-color);
  color: var(--ams-badge-color);
  display: inline-block;
  font-family: var(--ams-badge-font-family);
  font-size: var(--ams-badge-font-size);
  font-weight: var(--ams-badge-font-weight);
  line-height: var(--ams-badge-line-height);
  padding-inline: var(--ams-badge-padding-inline);
}

.ams-badge--green {
  background-color: var(--ams-badge-green-background-color);
  color: var(--ams-badge-green-color);
}

.ams-badge--light-blue {
  background-color: var(--ams-badge-light-blue-background-color);
  color: var(--ams-badge-light-blue-color);
}

.ams-badge--magenta {
  background-color: var(--ams-badge-magenta-background-color);
  color: var(--ams-badge-magenta-color);
}

.ams-badge--orange {
  background-color: var(--ams-badge-orange-background-color);
  color: var(--ams-badge-orange-color);
}

.ams-badge--purple {
  background-color: var(--ams-badge-purple-background-color);
  color: var(--ams-badge-purple-color);
}

.ams-badge--red {
  background-color: var(--ams-badge-red-background-color);
  color: var(--ams-badge-red-color);
}

.ams-badge--yellow {
  background-color: var(--ams-badge-yellow-background-color);
  color: var(--ams-badge-yellow-color);
}