@import "Bootstrap/variables";
@import "Bootstrap/mixins";

.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);
    }
  }
}