@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
1 lines • 3.97 kB
Source Map (JSON)
{"version":3,"sources":["color-picker.css"],"names":[],"mappings":"AAEC;EACC,gBAAgB;EAChB,iBAAiB;CAClB;;CAEA;EACC,iBAAiB;EACjB,sBAAsB;EACtB,kBAAkB;EAClB,cAAc;CACf;;CAEA;EACC,mBAAuC;EACvC,mBAAmB;EACnB,kBAAyC;CAC1C;;CAEA;EACC,gBAAuC;EACvC,sBAAgD;EAChD,uBAAuB;EACvB,iBAAwC;EACxC,qCAAqC;CACtC;;CAEA;EACC,gBAA0C;EAC1C,oCAAoC;EACpC,wLAA8C;EAC9C,sBAAsB;EACtB,kBAAkB;EAClB,aAAoC;EACpC,kBAAkB;CACnB;;CAEA;EACC,gBAA0C;EAC1C,mBAAuC;EACvC,YAAY;EACZ,oBAAwC;EACxC,uBAAuB;EACvB,kBAAkB;CACnB;;CAEA;EACC,8CAA8C;CAC/C;;CAEA;EACC,gDAAgD;EAChD,+CAA+C;EAC/C,kBAAkB;EAClB,8CAA8C;EAC9C,wBAAwB;CACzB;;CAEA;EACC,gCAAgC;CACjC;;CAEA;EACC,gDAAgD;EAChD,+CAA+C;EAC/C,oBAAoB;EACpB,+CAA+C;EAC/C,wBAAwB;CACzB;;CAEA;EACC,aAAa;EACb,mBAAmB;EACnB,WAAgC;EAChC,qBAAqB;CACtB;;CAEA;EACC,sBAAsB;EACtB,kBAAkB;EAClB,qBAAqB;CACtB;;CAIC;GACC,iBAAiB;EAClB;;CAGD;EACC,gBAA0C;EAC1C,yBAAoD;EACpD,kBAAkB;EAClB,oBAAoB;EACpB,cAAc;EACd,aAAa;EACb,wBAAgE;CAMjE;;CAJC;;GAEC,yBAAiB;;GAAjB,+EAAiB;;GAAjB,cAAiB;EAClB;;CAGD;EACC,aAAa;EACb,mBAAmB;EACnB,WAAgC;EAChC,yBAAyB;EACzB,4BAA4B;CAC7B","file":"color-picker.css","sourcesContent":[".gform-admin {\n\n\t.react-colorful {\n\t\tblock-size: auto;\n\t\tinline-size: 100%;\n\t}\n\n\t.react-colorful__saturation {\n\t\tblock-size: 234px;\n\t\tborder-block-end: none;\n\t\tborder-radius: 3px;\n\t\tflex-shrink: 0;\n\t}\n\n\t.react-colorful__hue {\n\t\tblock-size: var(--gform-admin-spacer-3);\n\t\tborder-radius: 24px;\n\t\tmargin-block: var(--gform-admin-spacer-4);\n\t}\n\n\t.react-colorful__pointer {\n\t\tblock-size: var(--gform-admin-spacer-4);\n\t\tborder: 8px solid var(--gform-admin-color-white);\n\t\tbox-sizing: content-box;\n\t\tinline-size: var(--gform-admin-spacer-4);\n\t\toutline: 1px solid rgba(0, 0, 0, 0.1);\n\t}\n\n\t.gform-input--picker {\n\t\tbackground: var(--gform-admin-color-white);\n\t\tborder: 1px solid rgba(0, 0, 0, 0.1);\n\t\tbox-shadow: var(--gform-admin-box-shadow-mega);\n\t\tbox-sizing: border-box;\n\t\tinline-size: 352px;\n\t\tpadding: var(--gform-admin-spacer-4);\n\t\tposition: absolute;\n\t}\n\n\t.gform-input--picker::after {\n\t\tbackground: var(--gform-admin-color-white);\n\t\tblock-size: var(--gform-admin-spacer-5);\n\t\tcontent: \" \";\n\t\tinline-size: var(--gform-admin-spacer-5);\n\t\tinset-inline-start: 50%;\n\t\tposition: absolute;\n\t}\n\n\t.gform-input--picker--pos-above {\n\t\ttransform: translate(-50%, calc(-100% - 10px));\n\t}\n\n\t.gform-input--picker--pos-above::after {\n\t\tborder-block-start: 1px solid rgba(0, 0, 0, 0.1);\n\t\tborder-inline-end: 1px solid rgba(0, 0, 0, 0.1);\n\t\tinset-block-end: 0;\n\t\ttransform: translate(-50%, 50%) rotate(135deg);\n\t\ttransform-origin: center;\n\t}\n\n\t.gform-input--picker--pos-below {\n\t\ttransform: translate(-50%, 10px);\n\t}\n\n\t.gform-input--picker--pos-below::after {\n\t\tborder-block-start: 1px solid rgba(0, 0, 0, 0.1);\n\t\tborder-inline-end: 1px solid rgba(0, 0, 0, 0.1);\n\t\tinset-block-start: 0;\n\t\ttransform: translate(-50%, -50%) rotate(-45deg);\n\t\ttransform-origin: center;\n\t}\n\n\t.gform-input__picker-inputs {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tgap: var(--gform-admin-spacer-2);\n\t\tmax-inline-size: 100%;\n\t}\n\n\t.gform-input--picker-input input {\n\t\tbox-sizing: border-box;\n\t\tinline-size: 121px;\n\t\tmax-inline-size: 100%;\n\t}\n\n\t.gform-input--picker-input--rgb {\n\n\t\tinput {\n\t\t\tinline-size: 58px;\n\t\t}\n\t}\n\n\t.gform-settings-panel__content .gform-input--picker-input input {\n\t\tbackground: var(--gform-admin-color-white);\n\t\tborder: 1px solid var(--gform-admin-color-blue-haze);\n\t\tborder-radius: 3px;\n\t\tfont-size: 0.8125rem;\n\t\tline-height: 2;\n\t\toutline: none;\n\t\tpadding: var(--gform-admin-spacer-1) var(--gform-admin-spacer-3);\n\n\t\t&:focus {\n\n\t\t\t@mixin inputFocus;\n\t\t}\n\t}\n\n\t.gform-input__picker-controls {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tgap: var(--gform-admin-spacer-2);\n\t\tjustify-content: flex-end;\n\t\tmargin-block-start: 0.625rem;\n\t}\n}\n"]}