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

.toggle {
  height: 34px;
  box-sizing: border-box;
  font-weight: normal;

  .slide-button {
    .button-variant(@btn-danger-color, @btn-danger-bg, @btn-danger-border);

    &.btn-danger, &.btn-warning {
      //.buttonBackground(@btnInverseBackground, @btnInverseBackgroundHighlight);
      .button-variant(@btn-warning-color, @btn-warning-bg, @btn-warning-border);
    }
  }

  input:first-of-type:checked ~ .slide-button {
    .button-variant(@btn-primary-color, @btn-primary-bg, @btn-primary-border);

    &.btn-danger {
      .button-variant(@btn-danger-color, @btn-danger-bg, @btn-danger-border);
    }

    &.btn-warning {
      .button-variant(@btn-warning-color, @btn-warning-bg, @btn-warning-border);
    }
  }

  input:first-of-type:disabled ~ .slide-button {
    opacity: 0.5;
  }
}