element-gui
Version:
A Component Library for Vue.js.
1 lines • 4.08 kB
CSS
@charset "UTF-8";.el-checkbox,.el-checkbox__input{white-space:nowrap;display:inline-block;position:relative}.el-checkbox{color:#333;font-weight:400;font-size:14px;line-height:inherit;cursor:pointer;vertical-align:bottom;user-select:none;margin-right:20px}.el-checkbox.is-bordered{padding:7px 20px 7px 10px;border-radius:2px;border:1px solid #d2d2d2;box-sizing:border-box;height:34px;line-height:1;vertical-align:bottom}.el-checkbox.is-bordered.is-checked{border-color:#1890ff}.el-checkbox.is-bordered.is-disabled{border-color:#d2d2d2;cursor:not-allowed}.el-checkbox__input{cursor:pointer;outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#efefef;border-color:#999;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#666}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#efefef;border-color:#999}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#999}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#efefef;border-color:#999}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#999;border-color:#999}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#666;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:#1890ff;border-color:#1890ff}.el-checkbox__input.is-checked .el-checkbox__inner::after{transform:rotate(45deg) scaleY(1);border-color:#fff}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#1890ff}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#1890ff;border-color:#1890ff}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:"";position:absolute;display:block;background-color:#fff;height:4px;transform:scale(.6);left:0;right:0;top:4px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #999;border-radius:2px;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#1890ff}.el-checkbox__inner::after{box-sizing:content-box;content:"";border:2px solid #fff;border-left:0;border-top:0;height:8px;left:4px;position:absolute;top:0;transform:rotate(45deg) scaleY(0);width:3px;transition:transform .15s ease-in 50ms;transform-origin:center}.el-checkbox--mini .is-indeterminate .el-checkbox__inner::before,.el-checkbox--small .is-indeterminate .el-checkbox__inner::before{top:3px}.el-checkbox--medium.is-bordered{padding:7px 20px 7px 10px;border-radius:2px;height:32px}.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox--small.is-bordered{padding:0 15px 0 10px;border-radius:1px;height:30px;line-height:30px}.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px;left:3px}.el-checkbox--mini.is-bordered{padding:0 15px 0 10px;border-radius:1px;height:28px;line-height:28px}.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px;left:3px}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.el-checkbox__original:focus-visible+.el-checkbox__inner{outline-offset:1px;outline:#1890ff solid 1px}.el-checkbox__label{display:inline-block;padding-left:5px;line-height:19px;font-size:14px}.el-checkbox:last-of-type{margin-right:0}.el-checkbox-group{font-size:0;display:inline-block;vertical-align:bottom}