@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
55 lines (46 loc) • 1.19 kB
CSS
.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 */