maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
2 lines (1 loc) • 1.06 kB
CSS
.m-circular-progress-bar[data-v-45f7a51d]{justify-content:center;align-items:center;width:1em;height:1em;display:inline-flex;position:relative}.m-circular-progress-bar .outer[data-v-45f7a51d]{border-radius:9999px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.m-circular-progress-bar .inner[data-v-45f7a51d]{border-radius:9999px;justify-content:center;align-items:center;width:.85em;height:.85em;display:flex}.m-circular-progress-bar .inner[data-v-45f7a51d]>*{font-size:.25em}.m-circular-progress-bar svg[data-v-45f7a51d]{--maz-tw-rotate:-90deg;transform:translate(var(--maz-tw-translate-x),var(--maz-tw-translate-y))rotate(var(--maz-tw-rotate))skewX(var(--maz-tw-skew-x))skewY(var(--maz-tw-skew-y))scaleX(var(--maz-tw-scale-x))scaleY(var(--maz-tw-scale-y));position:absolute}.m-circular-progress-bar svg circle[data-v-45f7a51d]{will-change:stroke-dashoffset;animation:animate-45f7a51d linear forwards var(--animation-duration);animation-delay:var(--delay)}@keyframes animate-45f7a51d{to{stroke-dashoffset:var(--dashoffset)}}