33 lines
1.3 KiB
SCSS
33 lines
1.3 KiB
SCSS
@mixin sweetalert2-theme($background, $color: null) {
|
|
$color: if($color, $color, yiq($background));
|
|
|
|
.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step,
|
|
.swal2-progress-steps[class] .swal2-progress-step-line,
|
|
.swal2-progress-steps[class] .swal2-active-progress-step,
|
|
.swal2-progress-steps[class] .swal2-progress-step {
|
|
background: $background;
|
|
color: $color;
|
|
}
|
|
|
|
.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step,
|
|
.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
|
|
background: rgba-to-hex(rgba($background, .25));
|
|
}
|
|
}
|
|
|
|
@mixin sweetalert2-dark-theme($background, $color: null) {
|
|
$color: if($color, $color, yiq($background));
|
|
|
|
.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step,
|
|
.swal2-progress-steps[class] .swal2-progress-step-line,
|
|
.swal2-progress-steps[class] .swal2-active-progress-step,
|
|
.swal2-progress-steps[class] .swal2-progress-step {
|
|
background: $background;
|
|
color: $color;
|
|
}
|
|
|
|
.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step,
|
|
.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
|
|
background: rgba-to-hex(rgba($background, .15), #383b40);
|
|
}
|
|
}
|