UNPKG

@gravityforms/components

Version:

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

1 lines 4.13 kB
{"version":3,"sources":["file-upload.css"],"names":[],"mappings":"AAEC;EACC,0BAAkD;EAClD,kBAAkB;EAClB,cAAoC;EACpC,uIAAgD;EAChD,eAA4C;EAC5C,iBAAiB;EACjB,kBAAkB;CAiDnB;;EA/CC;GACC,qBAA4C;EAC7C;;EAEA;GAEC,cAAqC;EACtC;;EAEA;GACC,YAAY;GACZ,iBAAiB;GACjB,kBAAkB;GAClB,WAAW;EAgBZ;;EAdC;IACC,qBAAqB;IACrB,mBAAmB;IACnB,kBAAkB;IAClB,aAAa;IACb,sBAAsB;IACtB,YAAY;IACZ,qBAAqB;IACrB,uBAAuB;IACvB,kBAAkB;IAClB,kBAAkB;IAClB,MAAM;IACN,WAAW;GACZ;;EAGD;GACC,yBAAqD;GACrD,YAAY;GACZ,gBAAgB;GAChB,UAAU;GACV,WAAW;EAUZ;;EARC;IACC,mBAA0C;IAC1C,qBAAkD;GACnD;;EAEA;IACC,cAAwC;GACzC;;CAIF;EACC,0BAAiD;CAKlD;;CAHC;GACC,cAAqC;EACtC;;CAGD;EACC,mBAAmB;EACnB,mBAAgD;EAChD,yBAAqD;EACrD,mBAAmB;EACnB,cAAqC;EACrC,aAAa;EACb,mBAAmB;EACnB,YAAY;EACZ,uBAAuB;EACvB,WAAW;CACZ;;CAEA;EACC,aAAa;CAOd;;CALC;GAGC,aAAa;EACd;;CAGD;EACC,YAAY;EACZ,qBAAqB;EACrB,kBAAkB;EAClB,MAAM;EACN,WAAW;CACZ;;CAEA;EACC,WAAW;EACX,UAAU;EACV,gBAAgB;EAChB,UAAU;CACX;;CAEA;EACC,gBAAkD;CACnD;;CAEA;EACC,0BAA0B;EAC1B,kBAAkB;CAMnB;;CAJC;GACC,iBAAiB;GACjB,eAAe;EAChB;;CAGD;EACC,aAAa;EACb,uBAAuB;CAKxB;;CAHC;GACC,6BAA6B;EAC9B","file":"file-upload.css","sourcesContent":[".gform-admin {\n\n\t.gform-file-upload__wrapper {\n\t\tborder: 1px dashed var(--gform-admin-color-santas);\n\t\tborder-radius: 3px;\n\t\tcolor: var(--gform-admin-color-port);\n\t\tfont-family: var(--gform-admin-font-family-base);\n\t\tfont-size: var(--gform-admin-font-size-base);\n\t\tmin-height: 150px;\n\t\tposition: relative;\n\n\t\t&:hover {\n\t\t\tborder-color: var(--gform-admin-color-comet);\n\t\t}\n\n\t\t.gform-file-upload__message,\n\t\t.gform-file-upload__filetypes {\n\t\t\tcolor: var(--gform-admin-color-comet);\n\t\t}\n\n\t\t.file-drop {\n\t\t\theight: 100%;\n\t\t\tmin-height: 150px;\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\n\t\t\t& > .file-drop-target {\n\t\t\t\talign-content: center;\n\t\t\t\talign-items: center;\n\t\t\t\tborder-radius: 2px;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\theight: 100%;\n\t\t\t\tinset-inline-start: 0;\n\t\t\t\tjustify-content: center;\n\t\t\t\tposition: absolute;\n\t\t\t\ttext-align: center;\n\t\t\t\ttop: 0;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\n\t\t&:not(.gform-file-upload__wrapper--disabled) .file-drop > .file-drop-target.file-drop-dragging-over-frame {\n\t\t\tbackground-color: var(--gform-admin-color-light-blue);\n\t\t\tborder: none;\n\t\t\tbox-shadow: none;\n\t\t\topacity: 1;\n\t\t\tz-index: 50;\n\n\t\t\t.gform-file-upload__icon {\n\t\t\t\tbackground: var(--gform-admin-color-snuff);\n\t\t\t\tborder-color: var(--gform-admin-color-white-lilac);\n\t\t\t}\n\n\t\t\t.gform-file-upload__bold-text {\n\t\t\t\tcolor: var(--gform-admin-color-chathams);\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-file-upload__wrapper--disabled {\n\t\tborder: 1px dashed var(--gform-admin-color-snuff);\n\n\t\t.gform-file-upload__bold-text {\n\t\t\tcolor: var(--gform-admin-color-snuff);\n\t\t}\n\t}\n\n\t.gform-file-upload__icon {\n\t\talign-items: center;\n\t\tbackground: var(--gform-admin-color-white-lilac);\n\t\tborder: 6px solid var(--gform-admin-color-light-blue);\n\t\tborder-radius: 100%;\n\t\tcolor: var(--gform-admin-color-comet);\n\t\tdisplay: flex;\n\t\tfont-size: 1.375rem;\n\t\theight: 34px;\n\t\tjustify-content: center;\n\t\twidth: 34px;\n\t}\n\n\t.gform-file-upload__wrapper--has-preview {\n\t\tpadding: 1rem;\n\n\t\t.gform-file-upload__message,\n\t\t.gform-file-upload__icon,\n\t\t.gform-file-upload__filetypes {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.gform-file-upload {\n\t\theight: 100%;\n\t\tinset-inline-start: 0;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\twidth: 100%;\n\t}\n\n\t.gform-file-upload__input {\n\t\theight: 1px;\n\t\topacity: 0;\n\t\toverflow: hidden;\n\t\twidth: 1px;\n\t}\n\n\t.gform-file-upload__bold-text {\n\t\tfont-weight: var(--gform-admin-font-weight-medium);\n\t}\n\n\t.gform-file-upload__preview {\n\t\tpadding-block-end: 1.25rem;\n\t\ttext-align: center;\n\n\t\timg {\n\t\t\tmax-height: 300px;\n\t\t\tmax-width: 100%;\n\t\t}\n\t}\n\n\t.gform-file-upload__buttons-wrapper {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\n\t\t.gform-button + .gform-button {\n\t\t\tmargin-inline-start: 0.875rem;\n\t\t}\n\t}\n}\n"]}