@gravityforms/components/dist/css/admin/swatch.css.map

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

{"version":3,"sources":["swatch.css"],"names":[],"mappings":"AAEC;EACC,kBAAkB;CACnB;;CAEA;EACC,aAAa;EACb,iBAAiB;EACjB,UAAU;CACX;;CAEA;EACC,gBAAgB;CASjB;;CAPC;GACC,aAAa;EACd;;CAEA;GACC,qBAAqB;EACtB;;CAGD;EACC,sBAAgD;EAChD,mBAAmB;EACnB,gHAA+C;EAC/C,eAAe;EACf,qBAAqB;EACrB,YAAY;EACZ,kBAAkB;EAClB,WAAW;CA4BZ;;CA1BC;GACC,cAAc;EACf;;CAEA;GAEC,WAAqC;GACrC,mBAAmB;GACnB,SAAS;GACT,kBAAkB;GAClB,QAAQ;GACR,gCAAgC;EACjC;;CAEA;GACC,mBAAwC;GACxC,sBAAgD;GAChD,mBAAmB;GACnB,aAAa;GACb,eAAe;GACf,UAAU;GACV,UAAU;GACV,QAAQ;GACR,MAAM;GACN,+BAA+B;EAChC;;CAGD;EACC,yBAAgD;EAChD,gBAAgB;EAChB,2BAAkD;EAClD,oBAAoB;CAOrB;;CALC;GAEC,cAAoC;GACpC,kBAAkB;EACnB","file":"swatch.css","sourcesContent":[".gform-admin {\n\n\t.gform-input--swatch {\n\t\tposition: relative;\n\t}\n\n\t.gform-input--swatch-options {\n\t\tdisplay: flex;\n\t\tflex-wrap: nowrap;\n\t\tpadding: 0;\n\t}\n\n\t.gform-input--swatch__option {\n\t\tlist-style: none;\n\n\t\tinput[type=\"radio\"] {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t& + .gform-input--swatch__option {\n\t\t\tmargin-left: 0.625rem;\n\t\t}\n\t}\n\n\t.gform-input--swatch__option-preview {\n\t\tborder: 2px solid var(--gform-admin-color-white);\n\t\tborder-radius: 100%;\n\t\tbox-shadow: var(--gform-admin-box-shadow-super);\n\t\tcursor: pointer;\n\t\tdisplay: inline-block;\n\t\theight: 30px;\n\t\tposition: relative;\n\t\twidth: 30px;\n\n\t\t&:hover .gform-input--swatch-delete {\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t.gform-icon,\n\t\t.gform-input--swatch-icon {\n\t\t\tcolor: var(--gform-admin-color-white);\n\t\t\tfont-size: 1.625rem;\n\t\t\tleft: 50%;\n\t\t\tposition: absolute;\n\t\t\ttop: 50%;\n\t\t\ttransform: translate(-50%, -50%);\n\t\t}\n\n\t\t.gform-input--swatch-delete {\n\t\t\tbackground: var(--gform-admin-color-red);\n\t\t\tborder: 1px solid var(--gform-admin-color-white);\n\t\t\tborder-radius: 100%;\n\t\t\tdisplay: none;\n\t\t\tfont-size: 1rem;\n\t\t\tleft: auto;\n\t\t\tpadding: 0;\n\t\t\tright: 0;\n\t\t\ttop: 0;\n\t\t\ttransform: translate(50%, -50%);\n\t\t}\n\t}\n\n\t.gform-input--swatch__option-preview--new {\n\t\tborder: 3px solid var(--gform-admin-color-snuff);\n\t\tbox-shadow: none;\n\t\toutline: 1px dashed var(--gform-admin-color-comet);\n\t\toutline-offset: -4px;\n\n\t\t.gform-icon,\n\t\t.gform-input--swatch-add {\n\t\t\tcolor: var(--gform-admin-color-port);\n\t\t\tfont-size: 1.25rem;\n\t\t}\n\t}\n}\n"]}