.k-switch
    border 1px solid $border-color
    box-sizing content-box
    .k-bar
    .k-off
        box-sizing border-box
    &.k-checked
        border-color $primary-color
        .k-on
            color $primary-color 
        .k-handle
            background $primary-color
    // disabled
    &.k-disabled
        border-color $disabled-border-color
        .k-handle
            background $disabled-border-color
        .k-on
        .k-off
            color $disabled-color
    // the 'on' text will shows a little, when it has border-radius
    // set border-radius to 0 the border is weird when the switch has moved 
    &:not(.k-checked)
        .k-bar
        .k-wrapper
            border-top-right-radius 0
            border-bottom-right-radius 0