width: auto;
height: 2.25rem;
min-width: 58px;
- background: #e9ecef;
- border: 1px solid #ced4da;
+ background: $input-bg;
+ border: $input-border-width solid $input-border-color;
border-radius: 1.25rem;
transition: background 200ms ease, padding 200ms ease;
text-align: left;
padding: 3px 3px 3px 24px;
&.is-toggled {
- background: #4f94d9;
+ background: $success;
padding: 3px 24px 3px 3px;
-
- .handle-label {
- color: #4f94d9;
- }
}
&.is-invalid,
}
&:focus {
- background-color: #e9ecef;
border-color: #ced4da;
- &.is-toggled {
- background-color: #4f94d9;
- }
}
.handle {