tinper-bee/dist/Checkbox/index.css

React Components living for enterprise-class pc backend application

.u-checkbox{display:inline-block;margin-right:24px;height:16px;line-height:16px;font-size:12px;white-space:nowrap;cursor:pointer;outline:none;position:relative;line-height:1;vertical-align:middle}.u-checkbox input[type=checkbox]{position:absolute;z-index:1;cursor:pointer;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;width:100%;height:100%}.u-checkbox input[disabled]{cursor:not-allowed}.u-checkbox input[type=checkbox]:focus+.u-checkbox-label:before{border-color:#f53c32}.u-checkbox.is-checked .u-checkbox-label:before{-webkit-box-shadow:inset 0 0 0 10px #fff;box-shadow:inset 0 0 0 10px #fff;border-color:#a5adba}.u-checkbox.is-checked .u-checkbox-label:after{color:#f53c32;content:"\E658";line-height:16px;font-size:12px;font-weight:600}.u-checkbox.is-checked.u-checkbox-inverse .u-checkbox-label:before{-webkit-box-shadow:inset 0 0 0 10px #f53c32;box-shadow:inset 0 0 0 10px #f53c32;border-color:#f53c32}.u-checkbox.is-checked.u-checkbox-inverse .u-checkbox-label:after{color:#fff}.u-checkbox.is-checked.disabled.u-checkbox-inverse .u-checkbox-label:before{-webkit-box-shadow:inset 0 0 0 10px #c1c7d0;box-shadow:inset 0 0 0 10px #c1c7d0;border-color:#c1c7d0}.u-checkbox .u-checkbox-label{cursor:pointer;display:inline-block;padding-left:25px;line-height:16px;color:#212121}.u-checkbox .u-checkbox-label:before{border-radius:3px;border:1px solid #a5adba;background-color:#fff}.u-checkbox .u-checkbox-label:after,.u-checkbox .u-checkbox-label:before{content:"";font-family:uf;display:inline-block;width:16px;height:16px;left:0;top:0;text-align:center;position:absolute}.u-checkbox.disabled .u-checkbox-label{cursor:not-allowed;color:#909090}.u-checkbox.disabled .u-checkbox-label:before{border-color:#dfe1e6;color:#909090}.u-checkbox.disabled .u-checkbox-label:after{color:#c1c7d0}.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:before{-webkit-box-shadow:inset 0 0 0 10px #fff;box-shadow:inset 0 0 0 10px #fff;border-color:#a5adba}.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:after{color:#f53c32;content:"\E6CE";line-height:16px;font-size:12px;font-weight:600}.u-checkbox.u-checkbox-indeterminate.u-checkbox-inverse .u-checkbox-label:before{-webkit-box-shadow:inset 0 0 0 10px #f53c32;box-shadow:inset 0 0 0 10px #f53c32;border-color:#f53c32}.u-checkbox.u-checkbox-indeterminate.u-checkbox-inverse .u-checkbox-label:after{color:#fff}.u-checkbox.u-checkbox-indeterminate.disabled.u-checkbox-inverse .u-checkbox-label:before{-webkit-box-shadow:inset 0 0 0 10px #c1c7d0;box-shadow:inset 0 0 0 10px #c1c7d0;border-color:#c1c7d0}.u-checkbox.u-checkbox-success.is-checked .u-checkbox-label:before{-webkit-box-shadow:inset 0 0 0 10px #fff;box-shadow:inset 0 0 0 10px #fff;border-color:#a5adba}.u-checkbox.u-checkbox-success.is-checked .u-checkbox-label:after{color:#4caf50}.u-checkbox.u-checkbox-success input[type=checkbox]:focus+.u-checkbox-label:before{border-color:#4caf50}.u-checkbox.u-checkbox-warning.is-checked .u-checkbox-label:before{-webkit-box-shadow:inset 0 0 0 10px #fff;box-shadow:inset 0 0 0 10px #fff;border-color:#a5adba}.u-checkbox.u-checkbox-warning.is-checked .u-checkbox-label:after{color:#ff9800}.u-checkbox.u-checkbox-warning input[type=checkbox]:focus+.u-checkbox-label:before{border-color:#ff9800}.u-checkbox.u-checkbox-danger.is-checked .u-checkbox-label:before{-webkit-box-shadow:inset 0 0 0 10px #fff;box-shadow:inset 0 0 0 10px #fff;border-color:#a5adba}.u-checkbox.u-checkbox-danger.is-checked .u-checkbox-label:after{color:#f44336}.u-checkbox.u-checkbox-danger input[type=checkbox]:focus+.u-checkbox-label:before{border-color:#f44336}.u-checkbox.u-checkbox-dark.is-checked .u-checkbox-label:before{-webkit-box-shadow:inset 0 0 0 10px #fff;box-shadow:inset 0 0 0 10px #fff;border-color:#a5adba}.u-checkbox.u-checkbox-dark.is-checked .u-checkbox-label:after{color:#616161}.u-checkbox.u-checkbox-dark input[type=checkbox]:focus+.u-checkbox-label:before{border-color:#616161}.u-checkbox.u-checkbox-info.is-checked .u-checkbox-label:before{-webkit-box-shadow:inset 0 0 0 10px #fff;box-shadow:inset 0 0 0 10px #fff;border-color:#a5adba}.u-checkbox.u-checkbox-info.is-checked .u-checkbox-label:after{color:#00bcd4}.u-checkbox.u-checkbox-info input[type=checkbox]:focus+.u-checkbox-label:before{border-color:#00bcd4}