52 lines
1.2 KiB
SCSS
52 lines
1.2 KiB
SCSS
// Stepper Mixin
|
|
// *******************************************************************************
|
|
@mixin bs-stepper-theme($background) {
|
|
$color: color-contrast($background);
|
|
.bs-stepper {
|
|
.step {
|
|
&.active {
|
|
.bs-stepper-circle {
|
|
background-color: $background;
|
|
color: $color;
|
|
box-shadow: 0 0.125rem 0.375rem 0 rgba($background, 0.3);
|
|
}
|
|
.bs-stepper-icon svg {
|
|
fill: $background !important;
|
|
}
|
|
.bs-stepper-icon i,
|
|
.bs-stepper-label {
|
|
color: $background !important;
|
|
}
|
|
}
|
|
&.crossed {
|
|
.step-trigger {
|
|
.bs-stepper-circle {
|
|
background-color: rgba-to-hex(rgba($background, 0.16), $card-bg) !important;
|
|
color: $background !important;
|
|
}
|
|
.bs-stepper-icon svg {
|
|
fill: $background !important;
|
|
}
|
|
.bs-stepper-icon i {
|
|
color: $background !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
&.wizard-icons {
|
|
.step.crossed {
|
|
.bs-stepper-label {
|
|
color: $background !important;
|
|
}
|
|
& + {
|
|
.line {
|
|
i {
|
|
color: $background;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|