@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
1 lines • 1.81 kB
Source Map (JSON)
{"version":3,"sources":["address.css"],"names":[],"mappings":"AAEC;EACC,aAAa;EACb,eAAe;EACf,mBAA4D;;EAgC5D;;;;;;;;;;;;;;;;;;GAkBC;CACF;;EAjDC;GACC,aAAa;GACb,gBAAgB;GAChB,sBAAsB;GACtB,YAAY;GACZ,cAAc;GACd,YAAY;GACZ,WAAW;EACZ;;EAEA;;GAEC;IACC,gBAAgB;IAChB,WAAW;GACZ;;GAEA;IACC,uCAA4D;IAC5D,cAAc,EAAE,0DAA0D;IAC1E,kCAAuD;GACxD;EACD;;EAEA,qFAAqF;;EACrF;GAEC,WAAW;EACZ","file":"address.css","sourcesContent":[".gform-admin {\n\n\t.gform-address {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tgap: var(--gform-admin-spacer-3) var(--gform-admin-spacer-2);\n\n\t\t.gform-address__field {\n\t\t\tdisplay: flex;\n\t\t\tflex-basis: 100%;\n\t\t\tflex-direction: column;\n\t\t\tflex-grow: 0;\n\t\t\tflex-shrink: 1;\n\t\t\tmin-width: 0;\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t@media (--gform-admin-viewport-md) {\n\n\t\t\t.gform-address__field--full {\n\t\t\t\tflex-basis: 100%;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t.gform-address__field--half {\n\t\t\t\tflex-basis: calc(( 100% - var(--gform-admin-spacer-2) ) / 2);\n\t\t\t\tflex-shrink: 0; /* Prevent shrinking below half width on this breakpoint */\n\t\t\t\twidth: calc(( 100% - var(--gform-admin-spacer-2) ) / 2);\n\t\t\t}\n\t\t}\n\n\t\t/* Ensure inputs/dropdowns within the field wrapper take full width of that wrapper */\n\t\t.gform-address__field .gform-input,\n\t\t.gform-address__field .gform-dropdown {\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t/*\n\t\t.gform-address__row {\n\t\t\tflex-direction: column;\n\t\t\tgap: 0;\n\n\t\t\t@media (--gform-admin-viewport-md) {\n\t\t\t\tflex-direction: row;\n\t\t\t\tgap: var(--gform-admin-spacer-2);\n\t\t\t}\n\n\t\t\t.gform-input-wrapper:not(.gform-dropdown__search-wrapper),\n\t\t\t.gform-dropdown {\n\n\t\t\t\t@media (--gform-admin-viewport-md) {\n\t\t\t\t\twidth: calc(50% - 0.25rem);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t*/\n\t}\n}\n"]}