UNPKG

@gfazioli/mantine-rings-progress

Version:

A Mantine 9 concentric ring progress component inspired by Apple Watch activity rings — animated, glowing, accessible, with per-ring customization.

1 lines 779 B
@layer mantine-rings-progress {.me_726a891f{position:relative}.me_da8b7e57{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute}.me_7be16280{background-color:var(--mantine-color-body);border-radius:var(--mantine-radius-xl);box-shadow:var(--mantine-shadow-xs);font-size:var(--mantine-font-size-xs);font-weight:600;line-height:1.2;padding:calc(.125rem*var(--mantine-scale)) calc(.5rem*var(--mantine-scale));white-space:nowrap}.me_726a726d[data-pulsing]{animation:me_79c936b2 .6s ease-in-out}@keyframes me_79c936b2{0%{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.08)}to{filter:brightness(1);transform:scale(1)}}@media (prefers-reduced-motion:reduce){.me_726a726d[data-pulsing]{animation:none}}}