UNPKG

@gravityforms/components

Version:

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

1 lines 1.72 kB
{"version":3,"sources":["steps.css"],"names":[],"mappings":"AAEC;EACC,uIAAgD;EAChD,mBAA0C;EAC1C,gBAAgB;EAChB,SAAS;EACT,UAAU;CACX;;CAEA;EACC,mBAAmB;EACnB,yBAAyB;EACzB,kBAAkB;EAClB,WAAqC;EACrC,aAAa;EACb,gBAAgB;EAChB,uBAAuB;EACvB,cAAc;EACd,eAAe;CAgBhB;;CAdC;GACC,sBAAsB;GACtB,kBAAkB;EAWnB;;CATC;IACC,yBAAyB;IACzB,WAAW;IACX,YAAY;IACZ,SAAS;IACT,kBAAkB;IAClB,WAAW;IACX,UAAU;GACX;;CAIF;EACC,yBAAiD;EACjD,qBAA6C;CAC9C;;CAEA;EACC,aAAa;EACb,kBAA0C;CAC3C;;CAIC;GACC,cAAc;EACf;;CAEA;GACC,aAAa;EACd","file":"steps.css","sourcesContent":[".gform-admin {\n\n\t.gform-steps {\n\t\tfont-family: var(--gform-admin-font-family-base);\n\t\tfont-size: var(--gform-admin-font-size-sm);\n\t\tlist-style: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\t.gform-steps__step {\n\t\talign-items: center;\n\t\tborder: 1px solid #374b6b;\n\t\tborder-radius: 50%;\n\t\tcolor: var(--gform-admin-color-white);\n\t\tdisplay: flex;\n\t\theight: 2.125rem;\n\t\tjustify-content: center;\n\t\tmargin: 0 auto;\n\t\twidth: 2.125rem;\n\n\t\t&:not(:last-child) {\n\t\t\tmargin-block-end: 4rem;\n\t\t\tposition: relative;\n\n\t\t\t&::after {\n\t\t\t\tbackground-color: #374b6b;\n\t\t\t\tcontent: \"\";\n\t\t\t\theight: 4rem;\n\t\t\t\tleft: 50%;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 2.1rem;\n\t\t\t\twidth: 1px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-steps__step--active {\n\t\tbackground-color: var(--gform-admin-color-orange);\n\t\tborder-color: var(--gform-admin-color-orange);\n\t}\n\n\t.gform-steps__step-icon {\n\t\tdisplay: none;\n\t\tfont-size: var(--gform-admin-font-size-lg);\n\t}\n\n\t.gform-steps__step--completed {\n\n\t\t.gform-steps__step-icon {\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t.gform-steps__step-count {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n}\n"]}