UNPKG

@gravityforms/components

Version:

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

1 lines 2.31 kB
{"version":3,"sources":["banner.css"],"names":[],"mappings":"AAEC;EACC,sBAAsB;EACtB,aAAa;EACb,kBAAkB;CA+DnB;;EA1DE;IACC,UAAU;GACX;;EAGD;GACC,gBAAgB;GAChB,SAAS;GACT,iBAAiB;GACjB,oBAAoB;GACpB,qBAAqB;GACrB,gBAAgB;GAChB,kBAAkB;EAKnB;;EAHC;IACC,gBAAgB;GACjB;;EAGD;GACC,gBAAgB;GAChB,iBAAiB;GACjB,oBAAoB;GACpB,qBAAqB;GACrB,gBAAgB;GAChB,kBAAkB;EAWnB;;EATC;IACC,gBAAgB;IAChB,iBAAiB;IACjB,sBAAsB;IACtB,uBAAuB;IACvB,oBAAiB;OAAjB,iBAAiB;IACjB,kBAAkB;IAClB,gCAAgC;GACjC;;EAGD;GAEC,UAAU;EACX;;EAEA;GAIC,aAAa;EACd;;EAEA;GACC,uBAA4C;GAC5C,wBAA6C;GAC7C,UAAU;GACV,kBAAkB;GAClB,oCAAoC;GACpC,UAAU;EACX;;CAGD;EACC,2BAA2B;EAC3B,4BAA4B;EAC5B,sBAAsB;CACvB","file":"banner.css","sourcesContent":[".gform-admin {\n\n\t.gform-banner {\n\t\tbox-sizing: border-box;\n\t\tdisplay: flex;\n\t\tposition: relative;\n\n\t\t&:hover,\n\t\t&:focus-within {\n\n\t\t\t.gform-banner__droplist {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\n\t\t.gform-file-upload__wrapper {\n\t\t\tblock-size: 100%;\n\t\t\tborder: 0;\n\t\t\tinline-size: 100%;\n\t\t\tinset-block-start: 0;\n\t\t\tinset-inline-start: 0;\n\t\t\tmin-height: auto;\n\t\t\tposition: absolute;\n\n\t\t\t.file-drop {\n\t\t\t\tmin-height: auto;\n\t\t\t}\n\t\t}\n\n\t\t.gform-file-upload__preview {\n\t\t\tblock-size: 100%;\n\t\t\tinline-size: 100%;\n\t\t\tinset-block-start: 0;\n\t\t\tinset-inline-start: 0;\n\t\t\toverflow: hidden;\n\t\t\tposition: absolute;\n\n\t\t\timg {\n\t\t\t\tblock-size: 100%;\n\t\t\t\tinline-size: 100%;\n\t\t\t\tinset-block-start: 50%;\n\t\t\t\tinset-inline-start: 50%;\n\t\t\t\tobject-fit: cover;\n\t\t\t\tposition: absolute;\n\t\t\t\ttransform: translate(-50%, -50%);\n\t\t\t}\n\t\t}\n\n\t\t.gform-file-upload__wrapper--has-preview,\n\t\t.gform-file-upload__preview {\n\t\t\tpadding: 0;\n\t\t}\n\n\t\t.gform-file-upload__filetypes,\n\t\t.gform-file-upload__icon,\n\t\t.gform-file-upload__message,\n\t\t.gform-file-upload__buttons-wrapper {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.gform-banner__droplist {\n\t\t\tinset-block-end: var(--gform-admin-spacer-2);\n\t\t\tinset-inline-end: var(--gform-admin-spacer-2);\n\t\t\topacity: 0;\n\t\t\tposition: absolute;\n\t\t\ttransition: opacity 0.2s ease-in-out;\n\t\t\tz-index: 1;\n\t\t}\n\t}\n\n\t.gform-banner--has-image {\n\t\tbackground-position: center;\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-size: cover;\n\t}\n}\n"]}