examplepackageversion/css/src/components/progressRing.css

React components library project for Innovaccer Design System

.Ring {
  transform: rotate(-90deg);
}

.Ring--regular {
  height: var(--spacing-3);
  width: var(--spacing-3);
}

.Ring--small {
  height: var(--spacing-2);
  width: var(--spacing-2);
}

.Ring Circle {
  fill: none;
}

.Ring-background {
  stroke: var(--secondary-lightest);
}

.Ring-indicator {
  stroke: var(--primary);
  transition: var(--duration--slow-01) var(--standard-expressive-curve);
}