@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
1 lines • 2.99 kB
Source Map (JSON)
{"version":3,"sources":["meta-box.css"],"names":[],"mappings":"AAEC;EACC,gBAA0C;EAC1C,yBAAyD;EACzD,kBAAkB;EAClB,iDAAuD;CACxD;;CAEA;EACC,gCAAgE;EAChE,sBAA0C;EAC1C,sBAA2C;CAC5C;;CAEA;EACC,eAAoC;CACrC;;CAEA;EACC,6BAA6D;EAC7D,aAAoC;CACrC;;CAIC;GACC,gBAAgB;GAChB,iBAAiB;EAClB;;CAEA;GACC,cAAqC;GACrC,eAAe;GACf,sBAAsB;GACtB,wBAA6C;GAC7C,UAAU;GACV,kBAAkB;GAClB,0CAA0C;EAC3C;;CAEA;GACC,aAAa;GACb,YAAY;GACZ,sBAA0C;GAC1C,sBAA2C;GAC3C,kBAAkB;GAClB,WAAW;EACZ;;CAKA;GACC,gBAAgB;EACjB;;CAEA;GACC,wCAAwC;EACzC;;CAGD;EACC,gBAAgB;CAYjB;;CAVC;GACC,mBAAgD;GAChD,sBAA0C;GAC1C,oBAA2C;EAC5C;;CAEA;GACC,sBAA0C;GAC1C,oBAA2C;EAC5C;;CAKA;GACC,gBAAgB;GAChB,iBAAiB;EAClB;;CAEA;GACC,sBAA0C;GAC1C,oBAA2C;EAC5C","file":"meta-box.css","sourcesContent":[".gform-admin {\n\n\t.gform-meta-box {\n\t\tbackground: var(--gform-admin-color-white);\n\t\tborder: 1px solid var(--gform-admin-color-porcelain-gray);\n\t\tborder-radius: 3px;\n\t\tbox-shadow: var(--gform-admin-box-shadow-outline-light);\n\t}\n\n\t.gform-meta-box__header {\n\t\tborder-bottom: 1px solid var(--gform-admin-color-porcelain-gray);\n\t\tpadding-block: var(--gform-admin-spacer-5);\n\t\tpadding-inline: var(--gform-admin-spacer-6);\n\t}\n\n\t.gform-meta-box__content {\n\t\tpadding: var(--gform-admin-spacer-6);\n\t}\n\n\t.gform-meta-box__footer {\n\t\tborder-top: 1px solid var(--gform-admin-color-porcelain-gray);\n\t\tpadding: var(--gform-admin-spacer-4);\n\t}\n\n\t.gform-meta-box--is-collapsible {\n\n\t\t.gform-meta-box__header {\n\t\t\tpadding-block: 0;\n\t\t\tpadding-inline: 0;\n\t\t}\n\n\t\t.gform-meta-box__toggle-icon {\n\t\t\tcolor: var(--gform-admin-color-comet);\n\t\t\tfont-size: 1rem;\n\t\t\tinset-block-start: 50%;\n\t\t\tinset-inline-end: var(--gform-admin-spacer-6);\n\t\t\tpadding: 0;\n\t\t\tposition: absolute;\n\t\t\ttransform: translateY(-50%) rotate(180deg);\n\t\t}\n\n\t\t.gform-meta-box__toggle {\n\t\t\tdisplay: flex;\n\t\t\theight: auto;\n\t\t\tpadding-block: var(--gform-admin-spacer-5);\n\t\t\tpadding-inline: var(--gform-admin-spacer-6);\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\n\t.gform-meta-box--is-collapsed {\n\n\t\t.gform-meta-box__header {\n\t\t\tborder-bottom: 0;\n\t\t}\n\n\t\t.gform-meta-box__toggle-icon {\n\t\t\ttransform: translateY(-50%) rotate(0deg);\n\t\t}\n\t}\n\n\t.gform-meta-box--style-compact {\n\t\tbox-shadow: none;\n\n\t\t.gform-meta-box__header {\n\t\t\tbackground: var(--gform-admin-color-titan-white);\n\t\t\tpadding-block: var(--gform-admin-spacer-3);\n\t\t\tpadding-inline: var(--gform-admin-spacer-4);\n\t\t}\n\n\t\t.gform-meta-box__content {\n\t\t\tpadding-block: var(--gform-admin-spacer-3);\n\t\t\tpadding-inline: var(--gform-admin-spacer-4);\n\t\t}\n\t}\n\n\t.gform-meta-box--style-compact.gform-meta-box--is-collapsible {\n\n\t\t.gform-meta-box__header {\n\t\t\tpadding-block: 0;\n\t\t\tpadding-inline: 0;\n\t\t}\n\n\t\t.gform-meta-box__toggle {\n\t\t\tpadding-block: var(--gform-admin-spacer-3);\n\t\t\tpadding-inline: var(--gform-admin-spacer-4);\n\t\t}\n\t}\n}\n"]}