@innovaccer/design-system/css/src/components/meter.module.css

React components library project for Innovaccer Design System

.Meter {
  display: flex;
  align-items: center;
}

.Meter-Step {
  border-radius: 50%;
}

.Meter-Step--small {
  width: var(--spacing-10);
  height: var(--spacing-20);
}

.Meter-Step--regular {
  width: var(--spacing-20);
  height: var(--spacing-20);
}

.Meter-Step--large {
  width: var(--spacing-30);
  height: var(--spacing-30);
}

.Meter-Step--info {
  background: var(--primary);
}

.Meter-Step--warning {
  background: var(--warning);
}

.Meter-Step--alert {
  background: var(--alert);
}

.Meter-Step--success {
  background: var(--success);
}