Johann-S / bs-stepper

A stepper for Bootstrap 4.x
https://johann-s.github.io/bs-stepper/
MIT License
448 stars 89 forks source link

add class 'completed' to any step that comes before the 'active' step #285

Open donalfenwick opened 3 years ago

donalfenwick commented 3 years ago

Adds a completed class to any step before the 'active' step. image

This allows for styling the previous steps and adjacent connecting lines as described in issue #87

.completed { background-color: green; }
.completed + .bs-stepper-line, .completed + .line { background-color: green; }
ghost commented 3 years ago

use .bs-stepper-header .active .bs-stepper-circle { background-color: #ffff; border: 2px solid #57BC80; } .bs-stepper-header div:not(.bs-stepper-header .active ~ div, div.active, .parent :first-child) { .bs-stepper-circle { background-color: #57BC80; border: 2px solid #57BC80; }}