UNPKG

@gravityforms/components

Version:

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

1 lines 3.18 kB
{"version":3,"sources":["range.css"],"names":[],"mappings":"AAEC;EACC,mBAAmB;EACnB,aAAa;EACb,mBAAmB;EACnB,iBAAiB;EACjB,mBAAmB;EACnB,gBAAgB;CACjB;;CAEA;EACC,cAAc;EACd,oBAAoB;EACpB,iBAAiB;EACjB,eAAe;EACf,kBAAkB;CACnB;;CAEA;EACC,yBAAoD;EACpD,kBAAkB;EAClB,sBAAsB;EACtB,cAAc;EACd,uIAAgD;EAChD,eAAe;EACf,gBAAgB;EAChB,YAAY;EACZ,YAAY;EACZ,mBAAmB;EACnB,WAAW;CACZ;;CAEA;EACC,cAA8C;EAC9C,uIAAgD;EAChD,eAAe;EACf,gBAAgB;EAChB,kBAAkB;EAClB,UAAU;EACV,QAAQ;EACR,2BAA2B;CAC5B;;CAEA;EACC,wBAAwB;EACxB,qBAAgB;OAAhB,gBAAgB;EAChB,uBAAuB;EACvB,YAAY;EACZ,eAAe;EACf,UAAU;EACV,YAAY;CACb;;CAEA;EACC,YAAY;EACZ,gBAAgB;EAChB,aAAa;CACd;;CAEA;EACC,wBAAwB;EACxB,gBAA0C;EAC1C,yBAAyD;EACzD,mBAAmB;EACnB,YAAY;EACZ,2BAA2B;EAC3B,WAAW;CACZ;;CAEA;EACC,yBAAgD;EAChD,gBAAgB;EAChB,WAAW;EACX,SAAS;EACT,UAAU;CACX;;CAEA;EACC,yBAAgD;EAChD,gBAAgB;EAChB,WAAW;EACX,SAAS;EACT,UAAU;CACX;;CAEA;EACC,gBAAgB;CACjB;;CAEA;EACC,gBAAgB;CACjB","file":"range.css","sourcesContent":[".gform-admin {\n\n\t.gform-input-range-wrapper {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tflex-wrap: nowrap;\n\t\tmargin-bottom: 10px;\n\t\tmargin-top: 10px;\n\t}\n\n\t.gform-input-range-value-wrapper {\n\t\tdisplay: block;\n\t\tmargin-bottom: -10px;\n\t\tmargin-top: -10px;\n\t\tmax-width: 80px;\n\t\tposition: relative;\n\t}\n\n\t.gform-input-range-value-wrapper .gform-input--range-value-input {\n\t\tborder: 1px solid var(--gform-admin-color-blue-haze);\n\t\tborder-radius: 3px;\n\t\tbox-sizing: border-box;\n\t\tdisplay: block;\n\t\tfont-family: var(--gform-admin-font-family-base);\n\t\tfont-size: 13px;\n\t\tfont-weight: 400;\n\t\theight: 30px;\n\t\tpadding: 7px;\n\t\tpadding-right: 15px;\n\t\twidth: 100%;\n\t}\n\n\t.gform-input-range-value-wrapper .gform-input--range-value-input + .gform-input--range__suffix {\n\t\tcolor: var(--gform-admin-color-amethyst-smoke);\n\t\tfont-family: var(--gform-admin-font-family-base);\n\t\tfont-size: 13px;\n\t\tfont-weight: 400;\n\t\tposition: absolute;\n\t\tright: 7px;\n\t\ttop: 50%;\n\t\ttransform: translateY(-50%);\n\t}\n\n\t.gform-input--range {\n\t\t-webkit-appearance: none;\n\t\tappearance: none;\n\t\tbackground: transparent;\n\t\tborder: none;\n\t\tcursor: pointer;\n\t\tpadding: 0;\n\t\twidth: 15rem;\n\t}\n\n\t.gform-input--range:focus {\n\t\tborder: none;\n\t\tbox-shadow: none;\n\t\toutline: none;\n\t}\n\n\t.gform-input--range::-webkit-slider-thumb {\n\t\t-webkit-appearance: none;\n\t\tbackground: var(--gform-admin-color-white);\n\t\tborder: 2px solid var(--gform-admin-color-amethyst-smoke);\n\t\tborder-radius: 100%;\n\t\theight: 15px;\n\t\ttransform: translateY(-6px);\n\t\twidth: 15px;\n\t}\n\n\t.gform-input--range::-moz-range-track {\n\t\tbackground-color: var(--gform-admin-color-snuff);\n\t\tborder-radius: 0;\n\t\theight: 3px;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\t.gform-input--range::-webkit-slider-runnable-track {\n\t\tbackground-color: var(--gform-admin-color-snuff);\n\t\tborder-radius: 0;\n\t\theight: 3px;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\t.gform-input--range + .gform-input-range-value-wrapper {\n\t\tmargin-left: 5px;\n\t}\n\n\t.gform-input-range-value-wrapper + .gform-input--range {\n\t\tmargin-left: 5px;\n\t}\n}\n"]}