app/assets/stylesheets/locomotive/old/form/_toggle.scss
.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;
}
}
}
}