@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
1 lines • 1.88 kB
Source Map (JSON)
{"version":3,"sources":["indicators/icon-indicator.css"],"names":[],"mappings":"AAEC;EACC,mBAAmB;EACnB,kBAAkB;EAClB,6BAA6B;EAC7B,kBAAkB;EAClB,sBAAsB;EACtB,aAAa;EACb,kBAAkB;EAClB,mBAAmB;EACnB,uBAAuB;CAsCxB;;EApCC;GACC,mBAAmB;GACnB,oBAAoB;EACrB;;EAEA;GACC,yBAAsD;GACtD,cAAsC;EACvC;;EAEA;GACC,yBAAyB;GACzB,cAA2C;EAC5C;;EAEA;GACC,yBAA+C;GAC/C,cAAqC;EACtC;;EAEA;GACC,yBAAyB;GACzB,cAAsC;EACvC;;EAEA;GACC,yBAAyD;GACzD,qBAAqB;GACrB,cAAmC;EACpC;;EAEA;GACC,sBAAgD;GAChD,8BAAyD;GACzD,cAA8C;EAC/C","file":"icon-indicator.css","sourcesContent":[".gform-admin {\n\n\t.gform-indicator--icon {\n\t\talign-items: center;\n\t\tblock-size: 2.5rem;\n\t\tborder: 5px solid transparent;\n\t\tborder-radius: 50%;\n\t\tbox-sizing: border-box;\n\t\tdisplay: flex;\n\t\tfont-size: 1.25rem;\n\t\tinline-size: 2.5rem;\n\t\tjustify-content: center;\n\n\t\t&.gform-indicator--size-small {\n\t\t\tblock-size: 1.25rem;\n\t\t\tinline-size: 1.25rem;\n\t\t}\n\n\t\t&.gform-indicator--info {\n\t\t\tbackground-color: var(--gform-admin-color-white-lilac);\n\t\t\tcolor: var(--gform-admin-color-santas);\n\t\t}\n\n\t\t&.gform-indicator--card {\n\t\t\tbackground-color: #dde9fc;\n\t\t\tcolor: var(--gform-admin-color-blue-ribbon);\n\t\t}\n\n\t\t&.gform-indicator--success {\n\t\t\tbackground-color: var(--gform-admin-color-tara);\n\t\t\tcolor: var(--gform-admin-color-green);\n\t\t}\n\n\t\t&.gform-indicator--warning {\n\t\t\tbackground-color: #fff6e3;\n\t\t\tcolor: var(--gform-admin-color-yellow);\n\t\t}\n\n\t\t&.gform-indicator--error {\n\t\t\tbackground-color: var(--gform-admin-color-background-red);\n\t\t\tborder-color: #fff8f7;\n\t\t\tcolor: var(--gform-admin-color-red);\n\t\t}\n\n\t\t&.gform-indicator--confirm {\n\t\t\tbackground-color: var(--gform-admin-color-white);\n\t\t\tborder: 0.125rem solid var(--gform-admin-color-blue-haze);\n\t\t\tcolor: var(--gform-admin-color-amethyst-smoke);\n\t\t}\n\t}\n}\n"]}