@mantine/core/cjs/components/RingProgress/RingProgress.module.cjs.map

React components library focused on usability, accessibility and developer experience

{"version":3,"file":"RingProgress.module.cjs","names":[],"sources":["../../../src/components/RingProgress/RingProgress.module.css"],"sourcesContent":[".root {\n  position: relative;\n  width: var(--rp-size);\n  height: var(--rp-size);\n  min-width: var(--rp-size);\n  min-height: var(--rp-size);\n  --rp-transition-duration: 0ms;\n}\n\n.svg {\n  width: var(--rp-size);\n  height: var(--rp-size);\n  min-width: var(--rp-size);\n  min-height: var(--rp-size);\n  transform: rotate(calc(var(--rp-start-angle, 270deg) - 360deg));\n}\n\n.curve {\n  stroke: var(--curve-color, var(--rp-curve-root-color));\n  transition:\n    stroke-dashoffset var(--rp-transition-duration) ease,\n    stroke-dasharray var(--rp-transition-duration) ease,\n    stroke var(--rp-transition-duration);\n\n  @mixin light {\n    --rp-curve-root-color: var(--mantine-color-gray-2);\n  }\n\n  @mixin dark {\n    --rp-curve-root-color: var(--mantine-color-dark-4);\n  }\n}\n\n.label {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  inset-inline: var(--rp-label-offset);\n}\n"],"mappings":""}