UNPKG

@gravityforms/components

Version:

UI components for use in Gravity Forms development. Both React and vanilla js flavors.

1 lines 1.32 kB
{"version":3,"sources":["loaders/ring-loader.css"],"names":[],"mappings":"AAEC;EACC,+CAA+C;EAC/C,YAAY;EACZ,wBAAwB;EACxB,sBAAsB;EACtB,WAAW;EACX,sBAAsB;CAWvB;;EATC;GACC,kEAAkE;GAClE,UAAU;GACV,eAAyC;GACzC,wBAAwB;GACxB,oBAAoB;GACpB,qBAAqB;GACrB,gDAAgD;EACjD;;AAIF;;CAEC;EACC,yBAAyB;CAC1B;AACD;;AAEA;;CAEC;EACC,wBAAwB;EACxB,oBAAoB;CACrB;;CAEA;EACC,yBAAyB;EACzB,wBAAwB;CACzB;;CAEA;EACC,yBAAyB;CAC1B;AACD","file":"ring-loader.css","sourcesContent":[".gform-admin {\n\n\t.gform-loader--ring {\n\t\tanimation: gformLoaderRotate 2s linear infinite;\n\t\theight: 40px;\n\t\ttransform-origin: center;\n\t\tvertical-align: middle;\n\t\twidth: 40px;\n\t\twill-change: transform;\n\n\t\tcircle {\n\t\t\tanimation: gformLoaderStretch calc(2s * 0.75) ease-in-out infinite;\n\t\t\tfill: none;\n\t\t\tstroke: var(--gform-admin-color-chathams);\n\t\t\tstroke-dasharray: 1, 200;\n\t\t\tstroke-dashoffset: 0;\n\t\t\tstroke-linecap: round;\n\t\t\twill-change: stroke-dasharray, stroke-dashoffset;\n\t\t}\n\t}\n}\n\n@keyframes gformLoaderRotate {\n\n\t100% {\n\t\ttransform: rotate(360deg);\n\t}\n}\n\n@keyframes gformLoaderStretch {\n\n\t0% {\n\t\tstroke-dasharray: 1, 200;\n\t\tstroke-dashoffset: 0;\n\t}\n\n\t50% {\n\t\tstroke-dasharray: 90, 200;\n\t\tstroke-dashoffset: -35px;\n\t}\n\n\t100% {\n\t\tstroke-dashoffset: -124px;\n\t}\n}\n"]}