UNPKG

@gravityforms/components

Version:

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

1 lines 1.29 kB
{"version":3,"sources":["cards/card.css"],"names":[],"mappings":"AAEC;EACC,iBAAiB;EACjB,wBAAwB;EACxB,2GAAkD;EAClD,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EACvB,kBAAkB;EAClB,gCAAgC;EAChC,WAAW;CAMZ;;EAJC;GAEC,sBAAsB;EACvB;;CAGD;EACC,kCAAkC;EAClC,oCAAoC;EACpC,OAAO;EACP,kBAAkB;CACnB;;CAEA;EACC,sBAAgD;EAChD,qCAAkE;EAClE,gCAAgC;EAChC,kCAAkC;EAClC,gBAAgB;EAChB,kBAAkB;EAClB,WAAW;EACX,UAAU;CACX","file":"card.css","sourcesContent":[".gform-admin {\n\n\t.gform-card {\n\t\taspect-ratio: 1/1;\n\t\tborder-radius: 0.1875rem;\n\t\tbox-shadow: var(--gform-admin-box-shadow-midnight);\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\tposition: relative;\n\t\ttransition: box-shadow 0.2s ease;\n\t\twidth: 100%;\n\n\t\t&,\n\t\t* {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\t}\n\n\t.gform-card__top-container {\n\t\tborder-start-end-radius: 0.1875rem;\n\t\tborder-start-start-radius: 0.1875rem;\n\t\tflex: 1;\n\t\tposition: relative;\n\t}\n\n\t.gform-card__bottom-container {\n\t\tbackground-color: var(--gform-admin-color-white);\n\t\tborder-block-start: 1px solid var(--gform-admin-color-white-lilac);\n\t\tborder-end-end-radius: 0.1875rem;\n\t\tborder-end-start-radius: 0.1875rem;\n\t\tpadding: 1.25rem;\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\tz-index: 1;\n\t}\n}\n"]}