@femessage/element-ui/lib/theme-chalk/checkbox-img-button.css

A Component Library for Vue.js.

@charset "UTF-8";.el-checkbox-img-button{color:#6A6C73;font-weight:400;font-size:14px;position:relative;cursor:pointer;display:inline-block;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:30px}.el-checkbox-img-button.is-vertical{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:160px}.el-checkbox-img-button.is-vertical.is-bordered{padding:0}.el-checkbox-img-button.is-vertical .el-checkbox-img-button__label{padding-left:0}.el-checkbox-img-button.is-vertical.is-img{width:160px;border-radius:4px}.el-checkbox-img-button.is-vertical.is-img .el-checkbox-img-button__img{height:50px;width:80px}.el-checkbox-img-button.is-vertical.is-img .el-checkbox-img-button__label{font-size:14px;padding:19px 0}.el-checkbox-img-button.is-vertical.is-img .el-checkbox-img-button__label .el-checkbox-img-button__text{font-size:14px;padding-left:40px;padding-right:40px;color:#606266;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;white-space:pre-wrap}.el-checkbox-img-button.is-vertical.is-img .el-checkbox-img-button__input{padding:20px 0 17px}.el-checkbox-img-button.is-horizontal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:0}.el-checkbox-img-button.is-horizontal.is-bordered{padding:0}.el-checkbox-img-button.is-horizontal.is-img{min-width:350px}.el-checkbox-img-button.is-horizontal.is-img .el-checkbox-img-button__img{width:108px;height:80px;padding:20px 0}.el-checkbox-img-button.is-horizontal.is-img .el-checkbox-img-button__input{padding:0 20px}.el-checkbox-img-button.is-horizontal.is-img .el-checkbox-img-button__label{padding-left:0;white-space:pre-wrap;word-break:break-all}.el-checkbox-img-button.is-horizontal.is-img .el-checkbox-img-button__label .el-checkbox-img-button__word{padding-left:30px;padding-right:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.el-checkbox-img-button.is-horizontal.is-img .el-checkbox-img-button__label .el-checkbox-img-button__word .el-checkbox-img-button__text{font-size:16px;line-height:30px;color:#606266;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.el-checkbox-img-button.is-horizontal.is-img .el-checkbox-img-button__label .el-checkbox-img-button__word .el-checkbox-img-button__description{font-size:14px;line-height:24px;color:#909399;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.el-checkbox-img-button.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #DCDEE6;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal}.el-checkbox-img-button.is-bordered.is-checked{border-color:#2460e0}.el-checkbox-img-button.is-bordered.is-disabled{border-color:#EBEEF5;cursor:not-allowed}.el-checkbox-img-button.is-bordered+.el-checkbox-img-button.is-bordered{margin-left:10px}.el-checkbox-img-button.is-bordered.is-horizontal+.el-checkbox-img-button.is-bordered{margin-left:0}.el-checkbox-img-button.is-bordered.el-checkbox-img-button--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox-img-button.is-bordered.el-checkbox-img-button--medium .el-checkbox-img-button__label{line-height:17px;font-size:14px}.el-checkbox-img-button.is-bordered.el-checkbox-img-button--medium .el-checkbox-img-button__inner{height:14px;width:14px}.el-checkbox-img-button.is-bordered.el-checkbox-img-button--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox-img-button.is-bordered.el-checkbox-img-button--small .el-checkbox-img-button__label{line-height:15px;font-size:12px}.el-checkbox-img-button.is-bordered.el-checkbox-img-button--small .el-checkbox-img-button__inner{height:12px;width:12px}.el-checkbox-img-button.is-bordered.el-checkbox-img-button--small .el-checkbox-img-button__inner::after{height:6px;width:2px}.el-checkbox-img-button.is-bordered.el-checkbox-img-button--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox-img-button.is-bordered.el-checkbox-img-button--mini .el-checkbox-img-button__label{line-height:12px;font-size:12px}.el-checkbox-img-button.is-bordered.el-checkbox-img-button--mini .el-checkbox-img-button__inner{height:12px;width:12px}.el-checkbox-img-button.is-bordered.el-checkbox-img-button--mini .el-checkbox-img-button__inner::after{height:6px;width:2px}.el-checkbox-img-button__input{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.el-checkbox-img-button__input.is-disabled .el-checkbox-img-button__inner{background-color:#edf2fc;border-color:#DCDEE6;cursor:not-allowed}.el-checkbox-img-button__input.is-disabled .el-checkbox-img-button__inner::after{cursor:not-allowed;border-color:#C6C7CA}.el-checkbox-img-button__input.is-disabled .el-checkbox-img-button__inner+.el-checkbox-img-button__label{cursor:not-allowed}.el-checkbox-img-button__input.is-disabled.is-checked .el-checkbox-img-button__inner{background-color:#F2F6FC;border-color:#DCDEE6}.el-checkbox-img-button__input.is-disabled.is-checked .el-checkbox-img-button__inner::after{border-color:#C6C7CA}.el-checkbox-img-button__input.is-disabled.is-indeterminate .el-checkbox-img-button__inner{background-color:#F2F6FC;border-color:#DCDEE6}.el-checkbox-img-button__input.is-disabled.is-indeterminate .el-checkbox-img-button__inner::before{background-color:#C6C7CA;border-color:#C6C7CA}.el-checkbox-img-button__input.is-checked .el-checkbox-img-button__inner,.el-checkbox-img-button__input.is-indeterminate .el-checkbox-img-button__inner{background-color:#2460e0;border-color:#2460e0}.el-checkbox-img-button__input.is-disabled+span.el-checkbox-img-button__label{color:#C6C7CA;cursor:not-allowed}.el-checkbox-img-button__input.is-checked .el-checkbox-img-button__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox-img-button__input.is-checked+.el-checkbox-img-button__label{color:#2460e0}.el-checkbox-img-button__input.is-focus .el-checkbox-img-button__inner{border-color:#2460e0}.el-checkbox-img-button__input.is-indeterminate .el-checkbox-img-button__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}.el-checkbox-img-button__input.is-indeterminate .el-checkbox-img-button__inner::after{display:none}.el-checkbox-img-button__inner{display:inline-block;position:relative;border:1px solid #DCDEE6;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;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)}.el-checkbox-img-button__inner:hover{border-color:#2460e0}.el-checkbox-img-button__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}.el-checkbox-img-button__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.el-checkbox-button,.el-checkbox-button__inner{display:inline-block;position:relative}.el-checkbox-img-button__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox-img-button:last-of-type{margin-right:0}.el-checkbox-button__inner{line-height:1;font-weight:400;white-space:nowrap;vertical-align:middle;cursor:pointer;background:#FFF;border:1px solid #DCDEE6;border-left:0;color:#6A6C73;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;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;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#2460e0}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.el-checkbox-button.is-checked .el-checkbox-img-button-button__inner{color:#FFF;background-color:#2460e0;border-color:#2460e0;-webkit-box-shadow:-1px 0 0 0 #7ca0ec;box-shadow:-1px 0 0 0 #7ca0ec}.el-checkbox-button.is-checked:first-child .el-checkbox-img-button-button__inner{border-left-color:#2460e0}.el-checkbox-button.is-disabled .el-checkbox-img-button-button__inner{color:#C6C7CA;cursor:not-allowed;background-image:none;background-color:#FFF;border-color:#EBEEF5;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button.is-disabled:first-child .el-checkbox-img-button-button__inner{border-left-color:#EBEEF5}.el-checkbox-button:first-child .el-checkbox-img-button-button__inner{border-left:1px solid #DCDEE6;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-img-button-button__inner{border-color:#2460e0}.el-checkbox-button:last-child .el-checkbox-img-button-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-img-button-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-img-button-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-img-button-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-img-button-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-img-button-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-img-button-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}