UNPKG

@gravityforms/components

Version:

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

1 lines 3.39 kB
{"version":3,"sources":["select.css"],"names":[],"mappings":"AAIE;GAEC,sBAAsB;EACvB;;EAEA;GACC,uBAAuB;EACxB;;EAEA;GACC,qBAAqB;EACtB;;EAEA;GACC,sBAAsB;EACvB;;CAGD;EACC,kBAAkB;CAanB;;CAXC;GACC,mkBAAmkB,EAAE,2BAA2B;GAChmB,WAAW;GACX,gBAAgB;GAChB,sBAAsB;GACtB,oBAAoB;GACpB,kBAAkB;GAClB,QAAQ;GACR,2BAA2B;GAC3B,eAAe;EAChB;;CAGD;EACC,wBAAgB;KAAhB,qBAAgB;UAAhB,gBAAgB;EAChB,gBAA0C;EAC1C,yBAAiD;EACjD,wBAAwB;EACxB,yDAAqD;EACrD,cAAoC;EACpC,eAAe;EACf,uIAAgD;EAChD,mBAA0C;EAC1C,iBAA8C;EAC9C,SAAS;EACT,eAAe;EACf,aAAa;EACb,aAAa;EACb,4BAA4B;EAC5B,WAAW;CAgBZ;;CAdC;GACC,cAAoC;EACrC;;CAEA;GACC,qBAAkD;GAClD,6BAA+C;EAChD;;CAEA;GACC,mBAA+C;GAC/C,qBAA4C;GAC5C,cAAsC;EACvC;;CAKA;GACC,0BAA0B;EAC3B;;CAEA;GACC,0BAA0B;EAC3B;;CAEA;GACC,4BAA4B;EAC7B","file":"select.css","sourcesContent":[".gform-admin {\n\n\t.gform-input-wrapper--select {\n\n\t\t&,\n\t\t* {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t&.gform-input-wrapper--size-r .gform-select {\n\t\t\tpadding-block: 0.375rem;\n\t\t}\n\n\t\t&.gform-input-wrapper--size-l .gform-select {\n\t\t\tpadding-block: 0.5rem;\n\t\t}\n\n\t\t&.gform-input-wrapper--size-xl .gform-select {\n\t\t\tpadding-block: 0.75rem;\n\t\t}\n\t}\n\n\t.gform-select__wrapper {\n\t\tposition: relative;\n\n\t\t&::after {\n\t\t\tbackground: center / contain no-repeat url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"7\" viewBox=\"0 0 10 7\" fill=\"none\"%3E%3Cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L5 4.08579L8.29289 0.792893C8.68342 0.402369 9.31658 0.402369 9.70711 0.792893C10.0976 1.18342 10.0976 1.81658 9.70711 2.20711L5.70711 6.20711C5.31658 6.59763 4.68342 6.59763 4.29289 6.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z\" fill=\"%239092B0\"/%3E%3C/svg%3E'); /* stylelint-disable-line */\n\t\t\tcontent: \"\";\n\t\t\theight: 0.375rem;\n\t\t\tinset-inline-end: 1rem;\n\t\t\tpointer-events: none;\n\t\t\tposition: absolute;\n\t\t\ttop: 50%;\n\t\t\ttransform: translateY(-50%);\n\t\t\twidth: 0.625rem;\n\t\t}\n\t}\n\n\t.gform-select {\n\t\tappearance: none;\n\t\tbackground: var(--gform-admin-color-white);\n\t\tborder: 1px solid var(--gform-admin-color-santas);\n\t\tborder-radius: 0.1875rem;\n\t\tbox-shadow: var(--gform-admin-box-shadow-input-hover);\n\t\tcolor: var(--gform-admin-color-port);\n\t\tcursor: pointer;\n\t\tfont-family: var(--gform-admin-font-family-base);\n\t\tfont-size: var(--gform-admin-font-size-sm);\n\t\tline-height: var(--gform-admin-line-height-sm);\n\t\tmargin: 0;\n\t\tmax-width: none;\n\t\tmin-height: 0;\n\t\toutline: none;\n\t\tpadding-inline: 0.75rem 2rem;\n\t\twidth: 100%;\n\n\t\t&:hover {\n\t\t\tcolor: var(--gform-admin-color-port);\n\t\t}\n\n\t\t&:focus {\n\t\t\tborder-color: var(--gform-admin-color-blue-ribbon);\n\t\t\tbox-shadow: var(--gform-admin-box-shadow-focus);\n\t\t}\n\n\t\t&:disabled {\n\t\t\tbackground: var(--gform-admin-color-light-blue);\n\t\t\tborder-color: var(--gform-admin-color-snuff);\n\t\t\tcolor: var(--gform-admin-color-santas);\n\t\t}\n\t}\n\n\t.gform-input-wrapper--select.gform-input-wrapper--theme-cosmos {\n\n\t\t.gform-label {\n\t\t\tmargin-block-end: 0.375rem;\n\t\t}\n\n\t\t.gform-input-help-text:nth-child(2) {\n\t\t\tmargin-block-end: 0.375rem;\n\t\t}\n\n\t\t.gform-input-help-text:nth-child(3) {\n\t\t\tmargin-block-start: 0.375rem;\n\t\t}\n\t}\n}\n"]}