@simba088/mat-ui
Version:
基于Vue和ElementUi的PC组件库
1 lines • 7.06 kB
CSS
@charset "UTF-8";.mat-checkbox,.mat-checkbox-button__inner{font-weight:500;color:#606266;-webkit-user-select:none;-ms-user-select:none;font-size:14px}.mat-checkbox,.mat-checkbox__input{display:inline-block;position:relative}.mat-checkbox-button__inner,.mat-checkbox__input{white-space:nowrap;vertical-align:middle;cursor:pointer;outline:0}.mat-checkbox{cursor:pointer;white-space:nowrap;-moz-user-select:none;user-select:none;margin-right:30px}.mat-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #DCDFE6;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.mat-checkbox.is-bordered.is-checked{border-color:#409EFF}.mat-checkbox.is-bordered.is-disabled{border-color:#EBEEF5;cursor:not-allowed}.mat-checkbox.is-bordered+.mat-checkbox.is-bordered{margin-left:10px}.mat-checkbox.is-bordered.mat-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.mat-checkbox.is-bordered.mat-checkbox--medium .mat-checkbox__inner,.mat-checkbox__inner{width:14px;height:14px}.mat-checkbox.is-bordered.mat-checkbox--medium .mat-checkbox__label{line-height:17px;font-size:14px}.mat-checkbox.is-bordered.mat-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.mat-checkbox.is-bordered.mat-checkbox--small .mat-checkbox__label{line-height:15px;font-size:12px}.mat-checkbox.is-bordered.mat-checkbox--small .mat-checkbox__inner{height:12px;width:12px}.mat-checkbox.is-bordered.mat-checkbox--small .mat-checkbox__inner::after{height:6px;width:2px}.mat-checkbox.is-bordered.mat-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.mat-checkbox.is-bordered.mat-checkbox--mini .mat-checkbox__label{line-height:12px;font-size:12px}.mat-checkbox.is-bordered.mat-checkbox--mini .mat-checkbox__inner{height:12px;width:12px}.mat-checkbox.is-bordered.mat-checkbox--mini .mat-checkbox__inner::after{height:6px;width:2px}.mat-checkbox__input{line-height:1}.mat-checkbox__input.is-disabled .mat-checkbox__inner{background-color:#edf2fc;border-color:#DCDFE6;cursor:not-allowed}.mat-checkbox__input.is-disabled .mat-checkbox__inner::after{cursor:not-allowed;border-color:#C0C4CC}.mat-checkbox__input.is-disabled .mat-checkbox__inner+.mat-checkbox__label{cursor:not-allowed}.mat-checkbox__input.is-disabled.is-checked .mat-checkbox__inner{background-color:#F2F6FC;border-color:#DCDFE6}.mat-checkbox__input.is-disabled.is-checked .mat-checkbox__inner::after{border-color:#C0C4CC}.mat-checkbox__input.is-disabled.is-indeterminate .mat-checkbox__inner{background-color:#F2F6FC;border-color:#DCDFE6}.mat-checkbox__input.is-disabled.is-indeterminate .mat-checkbox__inner::before{background-color:#C0C4CC;border-color:#C0C4CC}.mat-checkbox__input.is-checked .mat-checkbox__inner,.mat-checkbox__input.is-indeterminate .mat-checkbox__inner{background-color:#409EFF;border-color:#409EFF}.mat-checkbox__input.is-disabled+span.mat-checkbox__label{color:#C0C4CC;cursor:not-allowed}.mat-checkbox__input.is-checked .mat-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.mat-checkbox__input.is-checked+.mat-checkbox__label{color:#409EFF}.mat-checkbox__input.is-focus .mat-checkbox__inner{border-color:#409EFF}.mat-checkbox__input.is-indeterminate .mat-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#FFF;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.mat-checkbox__input.is-indeterminate .mat-checkbox__inner::after{display:none}.mat-checkbox__inner{display:inline-block;position:relative;border:1px solid #DCDFE6;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#FFF;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.mat-checkbox__inner:hover{border-color:#409EFF}.mat-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #FFF;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s ease-in .05s;transition:-webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s;transition:transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s;-webkit-transform-origin:center;transform-origin:center}.mat-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.mat-checkbox-button,.mat-checkbox-button__inner{display:inline-block;position:relative}.mat-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.mat-checkbox:last-of-type{margin-right:0}.mat-checkbox-button__inner{line-height:1;background:#FFF;border:1px solid #DCDFE6;border-left:0;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);-moz-user-select:none;padding:12px 20px;border-radius:0}.mat-checkbox-button__inner.is-round{padding:12px 20px}.mat-checkbox-button__inner:hover{color:#409EFF}.mat-checkbox-button__inner [class*=mat-icon-]{line-height:.9}.mat-checkbox-button__inner [class*=mat-icon-]+span{margin-left:5px}.mat-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.mat-checkbox-button.is-checked .mat-checkbox-button__inner{color:#FFF;background-color:#409EFF;border-color:#409EFF;-webkit-box-shadow:-1px 0 0 0 #8cc5ff;box-shadow:-1px 0 0 0 #8cc5ff}.mat-checkbox-button.is-checked:first-child .mat-checkbox-button__inner{border-left-color:#409EFF}.mat-checkbox-button.is-disabled .mat-checkbox-button__inner{color:#C0C4CC;cursor:not-allowed;background-image:none;background-color:#FFF;border-color:#EBEEF5;-webkit-box-shadow:none;box-shadow:none}.mat-checkbox-button.is-disabled:first-child .mat-checkbox-button__inner{border-left-color:#EBEEF5}.mat-checkbox-button:first-child .mat-checkbox-button__inner{border-left:1px solid #DCDFE6;border-radius:4px 0 0 4px;-webkit-box-shadow:none;box-shadow:none}.mat-checkbox-button.is-focus .mat-checkbox-button__inner{border-color:#409EFF}.mat-checkbox-button:last-child .mat-checkbox-button__inner{border-radius:0 4px 4px 0}.mat-checkbox-button--medium .mat-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.mat-checkbox-button--medium .mat-checkbox-button__inner.is-round{padding:10px 20px}.mat-checkbox-button--small .mat-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.mat-checkbox-button--small .mat-checkbox-button__inner.is-round{padding:9px 15px}.mat-checkbox-button--mini .mat-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.mat-checkbox-button--mini .mat-checkbox-button__inner.is-round{padding:7px 15px}.mat-checkbox-group{font-size:0}