demosample
Version:
React components library project for CensaNext Design System
33 lines (27 loc) • 611 B
CSS
.Stepper {
display: flex;
}
.Step {
display: flex;
align-items: center;
padding-left: var(--spacing-l);
padding-right: var(--spacing-l);
margin-left: var(--spacing-xs);
margin-right: var(--spacing-xs);
border-radius: var(--spacing-2);
cursor: pointer;
}
.Step--active {
background-color: var(--primary-lightest);
pointer-events: none;
}
.Step--disabled {
cursor: not-allowed;
}
.Step--active {
transition-delay: var(--duration--fast-02);
}
.Stepper-animate {
transition-delay: var(--duration--fast-02);
transition: var(--duration--fast-02) var(--standard-productive-curve);
}