btn-danger on switch will make it red for on and black for off

This commit is contained in:
Mark McDowall 2013-08-12 23:08:39 -07:00 committed by kay.one
parent 091ec312c8
commit a6e54a627e
2 changed files with 9 additions and 1 deletions

View File

@ -4,9 +4,17 @@
.toggle {
.slide-button {
.buttonBackground(@btnDangerBackground, @btnDangerBackgroundHighlight);
&.btn-danger {
.buttonBackground(@btnInverseBackground, @btnInverseBackgroundHighlight);
}
}
input:first-of-type:checked ~ .slide-button {
.buttonBackground(@btnPrimaryBackground, @btnPrimaryBackgroundHighlight);
&.btn-danger {
.buttonBackground(@btnDangerBackground, @btnDangerBackgroundHighlight);
}
}
}

View File

@ -23,7 +23,7 @@
<span>No</span>
</p>
<div class="btn btn-primary slide-button"/>
<div class="btn slide-button btn-danger"/>
</label>
<span class="help-inline-checkbox">