forked from xpepermint/angular-ui-switch
-
Notifications
You must be signed in to change notification settings - Fork 2
/
angular-ui-switch.min.css
1 lines (1 loc) · 982 Bytes
/
angular-ui-switch.min.css
1
.switch{border:1px solid #dfdfdf;position:relative;display:inline-block;box-sizing:content-box;overflow:visible;width:52px;padding:0;margin:0;border-radius:20px;cursor:pointer;box-shadow:#dfdfdf 0 0 0 0 inset;-webkit-transition:.3s ease-out all;top:-1px}.switch,.switch small{background:#fff;height:30px;transition:.3s ease-out all}.switch.wide{width:80px}.switch small{border-radius:100%;box-shadow:0 1px 3px rgba(0,0,0,.4);width:30px;position:absolute;top:0;left:0;-webkit-transition:.3s ease-out all}.switch .off,.switch .on{z-index:0;position:absolute;top:25%}.switch.checked{background:#64bd63;border-color:#64bd63}.switch.checked small{left:22px}.switch.wide.checked small{left:52px}.switch .switch-text{font-family:Arial,Helvetica,sans-serif;font-size:13px}.switch .off{display:block;right:10%;color:#A9A9A9}.switch .on,.switch.checked .off{display:none}.switch .on{color:#fff;left:9%}.switch.checked .on{display:block}.switch[is-disabled=true]{cursor:not-allowed!important}