@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
46 lines (37 loc) • 768 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;
circle {
animation: gformLoaderStretch calc(2s * 0.75) ease-in-out infinite;
fill: none;
stroke: var(--gform-admin-color-chathams);
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;
}
}