UNPKG

@gravityforms/components

Version:

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

55 lines (46 loc) 1.19 kB
.gform-admin .gform-steps { font-family: inter, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", sans-serif; font-size: 0.875rem; list-style: none; margin: 0; padding: 0; } .gform-admin .gform-steps__step { align-items: center; border: 1px solid #374b6b; border-radius: 50%; color: #fff; display: flex; height: 2.125rem; justify-content: center; margin: 0 auto; width: 2.125rem; } .gform-admin .gform-steps__step:not(:last-child) { margin-block-end: 4rem; position: relative; } .gform-admin .gform-steps__step:not(:last-child)::after { background-color: #374b6b; content: ""; height: 4rem; left: 50%; position: absolute; top: 2.1rem; width: 1px; } .gform-admin .gform-steps__step--active { background-color: #f15a2b; border-color: #f15a2b; } .gform-admin .gform-steps__step-icon { display: none; font-size: 1.25rem; } .gform-admin .gform-steps__step--completed .gform-steps__step-icon { display: block; } .gform-admin .gform-steps__step--completed .gform-steps__step-count { display: none; } /*# sourceMappingURL=steps.css.map */