@import "Bootstrap/variables"; @import "Bootstrap/mixins"; .toggle { .slide-button { .buttonBackground(@btnDangerBackground, @btnDangerBackgroundHighlight); &.btn-danger, &.btn-warning { .buttonBackground(@btnInverseBackground, @btnInverseBackgroundHighlight); } } input:first-of-type:checked ~ .slide-button { .buttonBackground(@btnPrimaryBackground, @btnPrimaryBackgroundHighlight); &.btn-danger { .buttonBackground(@btnDangerBackground, @btnDangerBackgroundHighlight); } &.btn-warning { .buttonBackground(@btnWarningBackground, @btnWarningBackgroundHighlight); } } }