@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;CAKjB;;CAHC;GACC,aAAa;EACd;;CAGD;EACC,qBAAqB;CACtB;;CAEA;EACC,sBAAgD;EAChD,mBAAmB;EACnB,gHAA+C;EAC/C,eAAe;EACf,qBAAqB;EACrB,YAAY;EACZ,kBAAkB;EAClB,WAAW;CACZ;;CAEA;EACC,yBAAgD;EAChD,gBAAgB;EAChB,2BAAkD;EAClD,oBAAoB;CACrB;;CAGA;EACC,WAAqC;EACrC,mBAAmB;EACnB,SAAS;EACT,kBAAkB;EAClB,QAAQ;EACR,gCAAgC;CACjC;;CAEA;EACC,mBAAwC;EACxC,sBAAgD;EAChD,mBAAmB;EACnB,aAAa;EACb,eAAe;EACf,UAAU;EACV,UAAU;EACV,QAAQ;EACR,MAAM;EACN,+BAA+B;CAChC;;CAEA;EACC,cAAc;CACf;;CAEA;EACC,cAAoC;EACpC,kBAAkB;CACnB","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\t}\n\n\t.gform-input--swatch__option + .gform-input--swatch__option {\n\t\tmargin-left: 0.625rem;\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\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\t}\n\n\n\t.gform-input--swatch__option-preview .gform-icon {\n\t\tcolor: var(--gform-admin-color-white);\n\t\tfont-size: 1.625rem;\n\t\tleft: 50%;\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\ttransform: translate(-50%, -50%);\n\t}\n\n\t.gform-input--swatch__option-preview .gform-input--swatch-delete {\n\t\tbackground: var(--gform-admin-color-red);\n\t\tborder: 1px solid var(--gform-admin-color-white);\n\t\tborder-radius: 100%;\n\t\tdisplay: none;\n\t\tfont-size: 1rem;\n\t\tleft: auto;\n\t\tpadding: 0;\n\t\tright: 0;\n\t\ttop: 0;\n\t\ttransform: translate(50%, -50%);\n\t}\n\n\t.gform-input--swatch__option-preview:hover .gform-input--swatch-delete {\n\t\tdisplay: block;\n\t}\n\n\t.gform-input--swatch__option-preview--new .gform-icon {\n\t\tcolor: var(--gform-admin-color-port);\n\t\tfont-size: 1.25rem;\n\t}\n\n}\n\n"]}