@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
45 lines (36 loc) • 814 B
CSS
.gform-admin .gform-loader--ring {
animation: gformLoaderRotate 2s linear infinite;
height: 40px;
transform-origin: center;
vertical-align: middle;
width: 40px;
will-change: transform;
}
.gform-admin .gform-loader--ring circle {
animation: gformLoaderStretch calc(2s * 0.75) ease-in-out infinite;
fill: none;
stroke: #0f3d6c;
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
stroke-linecap: round;
will-change: stroke-dasharray, stroke-dashoffset;
}
@keyframes gformLoaderRotate {
100% {
transform: rotate(360deg);
}
}
@keyframes gformLoaderStretch {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dashoffset: -124px;
}
}
/*# sourceMappingURL=ring-loader.css.map */