UNPKG

@gravityforms/components

Version:

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

1 lines 3.82 kB
{"version":3,"sources":["loaders/loader.css"],"names":[],"mappings":"AAEC;EACC,mBAAmB;EACnB,aAAa;EACb,sBAAsB;EACtB,YAAY;EACZ,OAAO;EACP,kBAAkB;EAClB,MAAM;EACN,WAAW;EACX,cAAc;CASf;;EAPC;GACC,2CAA2C;EAC5C;;EAEA;GACC,wCAAwC;EACzC;;CAGD;EACC,sBAAsB;CAKvB;;CAHC;GACC,QAAQ;EACT;;CAGD;EACC,uBAAuB;CACxB;;CAEA;EACC,oBAAoB;CAKrB;;CAHC;GACC,WAAW;EACZ;;CAKA;GACC,gBAAgB;EACjB;;CAGD;EACC,kBAAkB;CACnB;;CAEA;EACC,4CAA4C;EAC5C,+BAA+B;EAC/B,6BAA6B;EAC7B,kBAAkB;EAClB,8BAA8B;EAC9B,4BAA4B;EAC5B,qBAAqB;EACrB,eAAe;EACf,YAAY;EACZ,kBAAkB;EAClB,wBAAwB;EACxB,WAAW;CACZ;;CAEA;EACC,oBAAoB;EACpB,sBAAsB;CACvB;;CAEA;EACC,cAAc;EACd,uIAAgD;EAChD,oBAAgD;EAChD,gBAAmD;EACnD,gBAAgB;EAChB,kBAAkB;CACnB;;CAEA;EACC,+CAA+C;EAC/C,YAAY;EACZ,wBAAwB;EACxB,sBAAsB;EACtB,WAAW;EACX,sBAAsB;CAWvB;;CATC;GACC,kEAAkE;GAClE,UAAU;GACV,eAAyC;GACzC,wBAAwB;GACxB,oBAAoB;GACpB,qBAAqB;GACrB,gDAAgD;EACjD;;AAIF;;CAEC;EACC,uBAAuB;CACxB;;CAEA;EACC,yBAAyB;CAC1B;AACD;;AAEA;;CAEC;EACC,yBAAyB;CAC1B;AACD;;AAEA;;CAEC;EACC,wBAAwB;EACxB,oBAAoB;CACrB;;CAEA;EACC,yBAAyB;EACzB,wBAAwB;CACzB;;CAEA;EACC,yBAAyB;CAC1B;AACD","file":"loader.css","sourcesContent":[".gform-admin {\n\n\t.gform-loader__mask {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\theight: 100%;\n\t\tleft: 0;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\twidth: 100%;\n\t\tz-index: 10000;\n\n\t\t&.gform-loader__mask--theme-light {\n\t\t\tbackground-color: rgba(247, 249, 252, 0.93);\n\t\t}\n\n\t\t&.gform-loader__mask--theme-dark {\n\t\t\tbackground-color: rgba(36, 39, 72, 0.93);\n\t\t}\n\t}\n\n\t.gform-loader__mask--position-top {\n\t\tjustify-content: start;\n\n\t\t.gform-loader__mask-positioner {\n\t\t\ttop: 12%;\n\t\t}\n\t}\n\n\t.gform-loader__mask--position-center {\n\t\tjustify-content: center;\n\t}\n\n\t.gform-loader__mask--position-bottom {\n\t\tjustify-content: end;\n\n\t\t.gform-loader__mask-positioner {\n\t\t\tbottom: 12%;\n\t\t}\n\t}\n\n\t.gform-loader__mask--position-sticky {\n\n\t\t.gform-loader__mask-positioner {\n\t\t\tposition: sticky;\n\t\t}\n\t}\n\n\t.gform-loader__mask-positioner {\n\t\tposition: relative;\n\t}\n\n\t.gform-loader--simple {\n\t\tanimation: gformLoader1 1.1s infinite linear;\n\t\tborder-bottom: 1.1em solid #000;\n\t\tborder-left: 1.1em solid #000;\n\t\tborder-radius: 50%;\n\t\tborder-right: 1.1em solid #fff;\n\t\tborder-top: 1.1em solid #fff;\n\t\tdisplay: inline-block;\n\t\tfont-size: 10px;\n\t\theight: 10em;\n\t\tposition: relative;\n\t\ttransform: translateZ(0);\n\t\twidth: 10em;\n\t}\n\n\t.gform-loader__inner {\n\t\tdisplay: inline-flex;\n\t\tflex-direction: column;\n\t}\n\n\t.gform-loader__text {\n\t\tdisplay: block;\n\t\tfont-family: var(--gform-admin-font-family-base);\n\t\tfont-size: var(--gform-admin-font-size-base-old);\n\t\tfont-weight: var(--gform-common-font-weight-medium);\n\t\tmargin-top: 16px;\n\t\ttext-align: center;\n\t}\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 gformLoader1 {\n\n\t0% {\n\t\ttransform: rotate(0deg);\n\t}\n\n\t100% {\n\t\ttransform: rotate(360deg);\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"]}