@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
1 lines • 1.86 kB
Source Map (JSON)
{"version":3,"sources":["indicators/dot-indicator.css"],"names":[],"mappings":"AAEC;EACC,gBAAgB;EAChB,kBAAkB;EAClB,sBAAsB;EACtB,cAAc;EACd,iBAAiB;EACjB,kBAAkB;CA4CnB;;EA1CC;GACC,qBAAqB;GACrB,kBAAkB;GAClB,WAAW;GACX,sBAAsB;GACtB,sBAAsB;GACtB,uBAAuB;GACvB,kBAAkB;GAClB,gCAAgC;EACjC;;EAEA;GACC,yBAAqD;EAKtD;;EAHC;IACC,yBAAiD;GAClD;;EAGD;GACC,yBAA+C;EAKhD;;EAHC;IACC,yBAAgD;GACjD;;EAGD;GACC,yBAAyD;EAK1D;;EAHC;IACC,yBAAiD;GAClD;;EAGD;GACC,yBAAyD;EAK1D;;EAHC;IACC,yBAA8C;GAC/C;;AAKH;CACC,UAAU;AACX","file":"dot-indicator.css","sourcesContent":[".gform-admin {\n\n\t.gform-indicator--dot {\n\t\tblock-size: 1rem;\n\t\tborder-radius: 50%;\n\t\tbox-sizing: border-box;\n\t\tdisplay: block;\n\t\tinline-size: 1rem;\n\t\tposition: relative;\n\n\t\t&::before {\n\t\t\tblock-size: 0.3125rem;\n\t\t\tborder-radius: 50%;\n\t\t\tcontent: \"\";\n\t\t\tinline-size: 0.3125rem;\n\t\t\tinset-block-start: 50%;\n\t\t\tinset-inline-start: 50%;\n\t\t\tposition: absolute;\n\t\t\ttransform: translate(-50%, -50%);\n\t\t}\n\n\t\t&.gform-indicator--info {\n\t\t\tbackground-color: var(--gform-admin-color-light-blue);\n\n\t\t\t&::before {\n\t\t\t\tbackground-color: var(--gform-admin-color-santas);\n\t\t\t}\n\t\t}\n\n\t\t&.gform-indicator--success {\n\t\t\tbackground-color: var(--gform-admin-color-tara);\n\n\t\t\t&::before {\n\t\t\t\tbackground-color: var(--gform-admin-color-green);\n\t\t\t}\n\t\t}\n\n\t\t&.gform-indicator--warning {\n\t\t\tbackground-color: var(--gform-admin-color-sazerac-yellow);\n\n\t\t\t&::before {\n\t\t\t\tbackground-color: var(--gform-admin-color-yellow);\n\t\t\t}\n\t\t}\n\n\t\t&.gform-indicator--error {\n\t\t\tbackground-color: var(--gform-admin-color-background-red);\n\n\t\t\t&::before {\n\t\t\t\tbackground-color: var(--gform-admin-color-red);\n\t\t\t}\n\t\t}\n\t}\n}\n\n[dir=\"rtl\"] .gform-admin .gform-indicator--dot::before {\n\tright: 20%;\n}\n"]}