@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
1 lines • 6.5 kB
Source Map (JSON)
{"version":3,"sources":["tooltip.css"],"names":[],"mappings":"AAEC;EACC,qBAAqB;EACrB,kBAAkB;CACnB;;CAEA;EACC,mBAAmB;EACnB,SAAS;EACT,kBAAkB;EAClB,eAAe;EACf,aAAa;EACb,mBAAmB;EACnB,YAAY;EACZ,uBAAuB;EACvB,SAAS;EACT,mCAAmC;EACnC,UAAU;EACV,0BAA+C;EAC/C,WAAW;CAMZ;;CAJC;GAEC,yCAAgD;EACjD;;CAGD;EACC,uBAAuB;EACvB,SAAS;EACT,gBAAgB;EAChB,cAAc;EACd,kBAAkB;CACnB;;CAEA;EACC,mBAAgD;EAChD,yBAAsD;EACtD,cAAoC;CAYrC;;CAVC;GAEC,yBAAgD;GAChD,qBAAqD;EACtD;;CAEA;GACC,qBAA+C;GAC/C,+BAAsD;EACvD;;CAGD;EACC,mBAAyC;EACzC,yBAA+C;EAC/C,cAAqC;CAWtC;;CATC;GAEC,qBAA4C;EAC7C;;CAEA;GACC,mBAAgD;GAChD,+BAAqD;EACtD;;CAGD;EACC,mBAAmD;EACnD,yBAAyD;EACzD,cAAmC;CAWpC;;CATC;GAEC,qBAA0C;EAC3C;;CAEA;GACC,gBAA0C;GAC1C,+BAA+D;EAChE;;CAGD;EACC,wBAAwB;EACxB,wLAA8C;EAC9C,sBAAsB;EACtB,uIAAgD;EAChD,oBAAgD;EAChD,kBAAkB;EAClB,uBAAuB;EACvB,eAAe;EACf,kBAAkB;CAKnB;;CAHC;GACC,WAAqC;EACtC;;CAGD;EACC,kBAAkB;EAClB,WAAW;CAUZ;;CARC;GACC,sBAAsB;GACtB,WAAW;GACX,cAAc;GACd,gBAAgB;GAChB,wBAAwB;GACxB,eAAe;EAChB;;CAKA;GAEC,mBAA6C;EAC9C;;CAKA;GAEC,mBAAyC;EAC1C;;CAKA;GACC,SAAS;GACT,MAAM;GACN,kDAAkD;EACnD;;CAEA;GACC,kBAAkB;GAClB,SAAS;GACT,uCAAuC;EACxC;;CAKA;GACC,SAAS;GACT,SAAS;GACT,iDAAiD;EAClD;;CAEA;GACC,SAAS;GACT,eAAe;GACf,uCAAuC;EACxC;;CAKA;GACC,OAAO;GACP,QAAQ;GACR,kDAAkD;EACnD;;CAEA;GACC,iBAAiB;GACjB,QAAQ;GACR,qDAAqD;EACtD;;CAKA;GACC,QAAQ;GACR,QAAQ;GACR,iDAAiD;EAClD;;CAEA;GACC,gBAAgB;GAChB,QAAQ;GACR,qDAAqD;EACtD;;CAGD;EACC,aAAa;EACb,UAAU;EACV,kBAAkB;EAClB,8BAAkD;EAClD,UAAU;CACX;;CAEA;EACC,cAAc;EACd,mBAAmB;CACpB;;CAEA;EACC,UAAU;CACX;;CAEA;EACC,SAAS;CACV","file":"tooltip.css","sourcesContent":[".gform-admin {\n\n\t.gform-tooltip {\n\t\tdisplay: inline-block;\n\t\tposition: relative;\n\t}\n\n\t.gform-tooltip__trigger {\n\t\talign-items: center;\n\t\tborder: 0;\n\t\tborder-radius: 50%;\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\tfont-size: 0.625rem;\n\t\theight: 1rem;\n\t\tjustify-content: center;\n\t\tmargin: 0;\n\t\toutline: 0.125rem solid transparent;\n\t\tpadding: 0;\n\t\ttransition: var(--gform-admin-transition-hover);\n\t\twidth: 1rem;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbox-shadow: var(--gform-admin-box-shadow-button);\n\t\t}\n\t}\n\n\t.gform-tooltip--type-unstyled .gform-tooltip__trigger {\n\t\tbackground: transparent;\n\t\tborder: 0;\n\t\tbox-shadow: none;\n\t\tcolor: inherit;\n\t\tfont-size: inherit;\n\t}\n\n\t.gform-tooltip--type-default .gform-tooltip__trigger {\n\t\tbackground: var(--gform-admin-color-white-lilac);\n\t\tborder: 1px solid var(--gform-admin-color-white-lilac);\n\t\tcolor: var(--gform-admin-color-port);\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground-color: var(--gform-admin-color-snuff);\n\t\t\tborder-color: var(--gform-admin-color-amethyst-smoke);\n\t\t}\n\n\t\t&:focus {\n\t\t\tborder-color: var(--gform-admin-color-chathams);\n\t\t\toutline: 0.125rem solid var(--gform-admin-color-focus);\n\t\t}\n\t}\n\n\t.gform-tooltip--type-success .gform-tooltip__trigger {\n\t\tbackground: var(--gform-admin-color-tara);\n\t\tborder: 1px solid var(--gform-admin-color-tara);\n\t\tcolor: var(--gform-admin-color-green);\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tborder-color: var(--gform-admin-color-green);\n\t\t}\n\n\t\t&:focus {\n\t\t\tbackground: var(--gform-admin-color-light-green);\n\t\t\toutline: 0.125rem solid var(--gform-admin-color-tara);\n\t\t}\n\t}\n\n\t.gform-tooltip--type-error .gform-tooltip__trigger {\n\t\tbackground: var(--gform-admin-color-background-red);\n\t\tborder: 1px solid var(--gform-admin-color-background-red);\n\t\tcolor: var(--gform-admin-color-red);\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tborder-color: var(--gform-admin-color-red);\n\t\t}\n\n\t\t&:focus {\n\t\t\tbackground: var(--gform-admin-color-white);\n\t\t\toutline: 0.125rem solid var(--gform-admin-color-background-red);\n\t\t}\n\t}\n\n\t.gform-tooltip__tooltip {\n\t\tborder-radius: 0.1875rem;\n\t\tbox-shadow: var(--gform-admin-box-shadow-mega);\n\t\tbox-sizing: border-box;\n\t\tfont-family: var(--gform-admin-font-family-base);\n\t\tfont-size: var(--gform-admin-font-size-base-old);\n\t\tline-height: 1.385;\n\t\tpadding: 0.5rem 0.75rem;\n\t\tposition: fixed;\n\t\tvisibility: hidden;\n\n\t\t* {\n\t\t\tcolor: var(--gform-admin-color-white);\n\t\t}\n\t}\n\n\t.gform-tooltip__tooltip-arrow {\n\t\tposition: absolute;\n\t\tz-index: -1;\n\n\t\t&::after {\n\t\t\tborder-radius: 0.25rem;\n\t\t\tcontent: \"\";\n\t\t\tdisplay: block;\n\t\t\theight: 1.125rem;\n\t\t\ttransform: rotate(45deg);\n\t\t\twidth: 1.125rem;\n\t\t}\n\t}\n\n\t.gform-tooltip--theme-chathams {\n\n\t\t.gform-tooltip__tooltip,\n\t\t.gform-tooltip__tooltip-arrow::after {\n\t\t\tbackground: var(--gform-admin-color-chathams);\n\t\t}\n\t}\n\n\t.gform-tooltip--theme-port {\n\n\t\t.gform-tooltip__tooltip,\n\t\t.gform-tooltip__tooltip-arrow::after {\n\t\t\tbackground: var(--gform-admin-color-port);\n\t\t}\n\t}\n\n\t.gform-tooltip--position-top {\n\n\t\t.gform-tooltip__tooltip {\n\t\t\tleft: 50%;\n\t\t\ttop: 0;\n\t\t\ttransform: translate(-50%, calc(-100% - 0.875rem));\n\t\t}\n\n\t\t.gform-tooltip__tooltip-arrow {\n\t\t\tbottom: -0.4375rem;\n\t\t\tleft: 50%;\n\t\t\ttransform: scaleY(0.8) translateX(-50%);\n\t\t}\n\t}\n\n\t.gform-tooltip--position-bottom {\n\n\t\t.gform-tooltip__tooltip {\n\t\t\tbottom: 0;\n\t\t\tleft: 50%;\n\t\t\ttransform: translate(-50%, calc(100% + 0.875rem));\n\t\t}\n\n\t\t.gform-tooltip__tooltip-arrow {\n\t\t\tleft: 50%;\n\t\t\ttop: -0.4375rem;\n\t\t\ttransform: scaleY(0.8) translateX(-50%);\n\t\t}\n\t}\n\n\t.gform-tooltip--position-left {\n\n\t\t.gform-tooltip__tooltip {\n\t\t\tleft: 0;\n\t\t\ttop: 50%;\n\t\t\ttransform: translate(calc(-100% - 0.875rem), -50%);\n\t\t}\n\n\t\t.gform-tooltip__tooltip-arrow {\n\t\t\tright: -0.4375rem;\n\t\t\ttop: 50%;\n\t\t\ttransform: rotate(90deg) scaleY(0.8) translateX(-50%);\n\t\t}\n\t}\n\n\t.gform-tooltip--position-right {\n\n\t\t.gform-tooltip__tooltip {\n\t\t\tright: 0;\n\t\t\ttop: 50%;\n\t\t\ttransform: translate(calc(100% + 0.875rem), -50%);\n\t\t}\n\n\t\t.gform-tooltip__tooltip-arrow {\n\t\t\tleft: -0.4375rem;\n\t\t\ttop: 50%;\n\t\t\ttransform: rotate(90deg) scaleY(0.8) translateX(-50%);\n\t\t}\n\t}\n\n\t.gform-tooltip--initialized .gform-tooltip__tooltip {\n\t\tdisplay: none;\n\t\topacity: 0;\n\t\tposition: absolute;\n\t\ttransition: var(--gform-admin-transition-dropdown);\n\t\tz-index: 5;\n\t}\n\n\t.gform-tooltip--anim-in-ready .gform-tooltip__tooltip {\n\t\tdisplay: block;\n\t\tvisibility: visible;\n\t}\n\n\t.gform-tooltip--anim-in-active .gform-tooltip__tooltip {\n\t\topacity: 1;\n\t}\n\n\t.gform-tooltip__tooltip-content {\n\t\tmargin: 0;\n\t}\n}\n"]}