locomotivecms/engine

View on GitHub
app/assets/stylesheets/locomotive/old/form/_toggle.scss

Summary

Maintainability
Test Coverage
.simple_form {
  fieldset .input.toggle {
    display: flex;
    justify-content: space-between;

    & > .form-wrapper {
      margin-top: 0;
      background: transparent;
      border: none;

      input[type=checkbox] {
        float: none;
        margin-left: 0;
      }

      .bootstrap-switch {
        border-color: transparent;
      }

      .bootstrap-switch.bootstrap-switch-small {
        min-width: 84px;
      }

      .bootstrap-switch.bootstrap-switch-focused {
        @include box-shadow(none);
      }

      .bootstrap-switch .bootstrap-switch-label {
        font-weight: normal;
        color: #fff;
        background: #ccc;
      }

      .bootstrap-switch.bootstrap-switch-focused {
        border-color: transparent;
      }

      .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-on,
      .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-handle-off {
        @include box-shadow(0px -1px 0px 0px rgba(0, 0, 0, .15) inset);
      }
    }
  }
}

@media (max-width: $screen-sm-min) {
  .simple_form {
    fieldset .input.toggle {
      display: block;

      .form-wrapper {
        margin-top: 5px;
      }
    }
  }
}