@mixin set-wizard-color($color) { .progress-with-circle .progress-bar{ background: $color; } .nav-pills .nav-item .nav-link{ color: $color; &.checked, &.active{ background: $color; color: white; } &:hover{ background: $white; } } .nav-pills .nav-item .nav-link.active, .nav-pills .nav-item .nav-link.checked:focus, .nav-pills .nav-item .nav-link.checked:hover, .nav-pills .nav-item .nav-link.active:focus, .nav-pills .nav-item .nav-link.active:hover{ background: $color; } }