1+ .btn-group-xs > .btn , .btn-xs {padding : .35rem .4rem .25rem ;font-size : .875rem ;line-height : .5 ;border-radius : .2rem }
2+ .checkbox label .switch , .checkbox-inline .switch {margin-left : -1.25rem ;margin-right : .35rem }
3+ .switch {position : relative;overflow : hidden}
4+ .switch .btn .btn-light , .switch .btn .btn-outline-light {border-color : rgba (0 , 0 , 0 , .15 )}
5+ .switch input [type = checkbox ]{display : none}
6+ .switch-group {position : absolute;width : 200% ;top : 0 ;bottom : 0 ;left : 0 ;transition : left .35s ;-webkit-transition : left .35s ;-moz-user-select : none;-webkit-user-select : none}
7+ .switch .off .switch-group {left : -100% }
8+ .switch-on {position : absolute;top : 0 ;bottom : 0 ;left : 0 ;right : 50% ;margin : 0 ;border : 0 ;border-radius : 0 }
9+ .switch-off {position : absolute;top : 0 ;bottom : 0 ;left : 50% ;right : 0 ;margin : 0 ;border : 0 ;border-radius : 0 ;box-shadow : none}
10+ .switch-handle {position : relative;margin : 0 auto;padding-top : 0 ;padding-bottom : 0 ;height : 100% ;width : 0 ;border-width : 0 1px ;background-color : # fff }
11+ .switch .btn-outline-primary .switch-handle {background-color : var (--primary );border-color : var (--primary )}
12+ .switch .btn-outline-secondary .switch-handle {background-color : var (--secondary );border-color : var (--secondary )}
13+ .switch .btn-outline-success .switch-handle {background-color : var (--success );border-color : var (--success )}
14+ .switch .btn-outline-danger .switch-handle {background-color : var (--danger );border-color : var (--danger )}
15+ .switch .btn-outline-warning .switch-handle {background-color : var (--warning );border-color : var (--warning )}
16+ .switch .btn-outline-info .switch-handle {background-color : var (--info );border-color : var (--info )}
17+ .switch .btn-outline-light .switch-handle {background-color : var (--light );border-color : var (--light )}
18+ .switch .btn-outline-dark .switch-handle {background-color : var (--dark );border-color : var (--dark )}
19+ .switch [class *= btn-outline ]: hover .switch-handle {background-color : var (--light );opacity : .5 }
20+ .switch .btn {min-width : 3.7rem ;min-height : calc (1.5em + .75rem + 2px )}
21+ .switch-on .btn {padding-right : 1.5rem }
22+ .switch-off .btn {padding-left : 1.5rem }
23+ .switch .btn-lg {min-width : 5rem ;line-height : 1.5 ;min-height : calc (1.5em + 1rem + 2px )}
24+ .switch-on .btn-lg {padding-right : 2rem }
25+ .switch-off .btn-lg {padding-left : 2rem }
26+ .switch-handle .btn-lg {width : 2.5rem }
27+ .switch .btn-sm {min-width : 3.25rem ;min-height : calc (1.5em + .5rem + 2px )}
28+ .switch-on .btn-sm {padding-right : 1rem }
29+ .switch-off .btn-sm {padding-left : 1rem }
30+ .switch .btn-xs {min-width : 3.125rem ;min-height : 1.375rem }
31+ .switch-on .btn-xs {padding-right : .8rem }
32+ .switch-off .btn-xs {padding-left : .8rem }
0 commit comments