@nl-rvo/css-status-indicator/dist/index.css

Status-indicator CSS component

/**
 * @license CC0-1.0
 * Copyright (c) 2021 Community for NL Design System
 */

.rvo-status-indicator {
  block-size: var(--rvo-status-indicator-height);
  border-radius: var(--rvo-status-indicator-border-radius);
  inline-size: var(--rvo-status-indicator-width);
  min-inline-size: 3px;
}

.rvo-status-indicator--groen {
  background-color: var(--rvo-color-groen);
}

.rvo-status-indicator--groen-300 {
  background-color: var(--rvo-color-groen-300);
}

.rvo-status-indicator--oranje {
  background-color: var(--rvo-color-oranje);
}

.rvo-status-indicator--oranje-300 {
  background-color: var(--rvo-color-oranje-300);
}

.rvo-status-indicator--rood {
  background-color: var(--rvo-color-rood);
}

.rvo-status-indicator--rood-300 {
  background-color: var(--rvo-color-rood-300);
}

.rvo-status-indicator--hemelblauw {
  background-color: var(--rvo-color-hemelblauw);
}

.rvo-status-indicator--hemelblauw-300 {
  background-color: var(--rvo-color-hemelblauw-300);
}