jiku-ui
Version:
A Component Library for Vue.js.
1 lines • 13.2 kB
CSS
@charset "UTF-8";.hn-checkbox,.hn-checkbox__input{white-space:nowrap;display:inline-block;position:relative}.hn-checkbox{color:#606266;font-weight:500;font-size:14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:30px}.hn-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}.hn-checkbox.is-bordered.is-checked{border-color:#409EFF}.hn-checkbox.is-bordered.is-disabled{border-color:#EBEEF5;cursor:not-allowed}.hn-checkbox.is-bordered+.hn-checkbox.is-bordered{margin-left:10px}.hn-checkbox.is-bordered.hn-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.hn-checkbox.is-bordered.hn-checkbox--medium .hn-checkbox__label{line-height:17px;font-size:14px}.hn-checkbox.is-bordered.hn-checkbox--medium .hn-checkbox__inner{height:14px;width:14px}.hn-checkbox.is-bordered.hn-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.hn-checkbox.is-bordered.hn-checkbox--small .hn-checkbox__label{line-height:15px;font-size:12px}.hn-checkbox.is-bordered.hn-checkbox--small .hn-checkbox__inner{height:12px;width:12px}.hn-checkbox.is-bordered.hn-checkbox--small .hn-checkbox__inner::after{height:6px;width:2px}.hn-checkbox.is-bordered.hn-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.hn-checkbox.is-bordered.hn-checkbox--mini .hn-checkbox__label{line-height:12px;font-size:12px}.hn-checkbox.is-bordered.hn-checkbox--mini .hn-checkbox__inner{height:12px;width:12px}.hn-checkbox.is-bordered.hn-checkbox--mini .hn-checkbox__inner::after{height:6px;width:2px}.hn-checkbox__input{cursor:pointer;outline:0;line-height:1;vertical-align:middle}.hn-checkbox__input.is-disabled .hn-checkbox__inner{background-color:#edf2fc;border-color:#DCDFE6;cursor:not-allowed}.hn-checkbox__input.is-disabled .hn-checkbox__inner::after{cursor:not-allowed;border-color:#C0C4CC}.hn-checkbox__input.is-disabled .hn-checkbox__inner+.hn-checkbox__label{cursor:not-allowed}.hn-checkbox__input.is-disabled.is-checked .hn-checkbox__inner{background-color:#F2F6FC;border-color:#DCDFE6}.hn-checkbox__input.is-disabled.is-checked .hn-checkbox__inner::after{border-color:#C0C4CC}.hn-checkbox__input.is-disabled.is-indeterminate .hn-checkbox__inner{background-color:#F2F6FC;border-color:#DCDFE6}.hn-checkbox__input.is-disabled.is-indeterminate .hn-checkbox__inner::before{background-color:#C0C4CC;border-color:#C0C4CC}.hn-checkbox__input.is-checked .hn-checkbox__inner,.hn-checkbox__input.is-indeterminate .hn-checkbox__inner{background-color:#409EFF;border-color:#409EFF}.hn-checkbox__input.is-disabled+span.hn-checkbox__label{color:#C0C4CC;cursor:not-allowed}.hn-checkbox__input.is-checked .hn-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.hn-checkbox__input.is-checked+.hn-checkbox__label{color:#409EFF}.hn-checkbox__input.is-focus .hn-checkbox__inner{border-color:#409EFF}.hn-checkbox__input.is-indeterminate .hn-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}.hn-checkbox__input.is-indeterminate .hn-checkbox__inner::after{display:none}.hn-checkbox__inner{display:inline-block;position:relative;border:1px solid #DCDFE6;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)}.hn-checkbox__inner:hover{border-color:#409EFF}.hn-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}.hn-checkbox-button__inner,.hn-tag{-webkit-box-sizing:border-box;white-space:nowrap}.hn-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.hn-checkbox-button,.hn-checkbox-button__inner{position:relative;display:inline-block}.hn-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.hn-checkbox:last-of-type{margin-right:0}.hn-checkbox-button__inner{line-height:1;font-weight:500;vertical-align:middle;cursor:pointer;background:#FFF;border:1px solid #DCDFE6;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;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}.hn-checkbox-button__inner.is-round{padding:12px 20px}.hn-checkbox-button__inner:hover{color:#409EFF}.hn-checkbox-button__inner [class*=hn-icon-]{line-height:.9}.hn-checkbox-button__inner [class*=hn-icon-]+span{margin-left:5px}.hn-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.hn-checkbox-button.is-checked .hn-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}.hn-checkbox-button.is-checked:first-child .hn-checkbox-button__inner{border-left-color:#409EFF}.hn-checkbox-button.is-disabled .hn-checkbox-button__inner{color:#C0C4CC;cursor:not-allowed;background-image:none;background-color:#FFF;border-color:#EBEEF5;-webkit-box-shadow:none;box-shadow:none}.hn-checkbox-button.is-disabled:first-child .hn-checkbox-button__inner{border-left-color:#EBEEF5}.hn-checkbox-button:first-child .hn-checkbox-button__inner{border-left:1px solid #DCDFE6;border-radius:4px 0 0 4px;-webkit-box-shadow:none;box-shadow:none}.hn-checkbox-button.is-focus .hn-checkbox-button__inner{border-color:#409EFF}.hn-checkbox-button:last-child .hn-checkbox-button__inner{border-radius:0 4px 4px 0}.hn-checkbox-button--medium .hn-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.hn-checkbox-button--medium .hn-checkbox-button__inner.is-round{padding:10px 20px}.hn-checkbox-button--small .hn-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.hn-checkbox-button--small .hn-checkbox-button__inner.is-round{padding:9px 15px}.hn-checkbox-button--mini .hn-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.hn-checkbox-button--mini .hn-checkbox-button__inner.is-round{padding:7px 15px}.hn-checkbox-group{font-size:0}.hn-tag{background-color:#ecf5ff;border-color:#d9ecff;display:inline-block;height:32px;padding:0 10px;line-height:30px;font-size:12px;color:#409EFF;border-width:1px;border-style:solid;border-radius:4px;box-sizing:border-box}.hn-tag.is-hit{border-color:#409EFF}.hn-tag .hn-tag__close{color:#409eff}.hn-tag .hn-tag__close:hover{color:#FFF;background-color:#409eff}.hn-tag.hn-tag--info{background-color:#f4f4f5;border-color:#e9e9eb;color:#909399}.hn-tag.hn-tag--info.is-hit{border-color:#909399}.hn-tag.hn-tag--info .hn-tag__close{color:#909399}.hn-tag.hn-tag--info .hn-tag__close:hover{color:#FFF;background-color:#909399}.hn-tag.hn-tag--success{background-color:#f0f9eb;border-color:#e1f3d8;color:#67c23a}.hn-tag.hn-tag--success.is-hit{border-color:#67C23A}.hn-tag.hn-tag--success .hn-tag__close{color:#67c23a}.hn-tag.hn-tag--success .hn-tag__close:hover{color:#FFF;background-color:#67c23a}.hn-tag.hn-tag--warning{background-color:#fef6e9;border-color:#fdedd3;color:#f5a623}.hn-tag.hn-tag--warning.is-hit{border-color:#F5A623}.hn-tag.hn-tag--warning .hn-tag__close{color:#f5a623}.hn-tag.hn-tag--warning .hn-tag__close:hover{color:#FFF;background-color:#f5a623}.hn-tag.hn-tag--danger{background-color:#fef0f0;border-color:#fde2e2;color:#f56c6c}.hn-tag.hn-tag--danger.is-hit{border-color:#F56C6C}.hn-tag.hn-tag--danger .hn-tag__close{color:#f56c6c}.hn-tag.hn-tag--danger .hn-tag__close:hover{color:#FFF;background-color:#f56c6c}.hn-tag .hn-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px}.hn-tag .hn-icon-close::before{display:block}.hn-tag--dark{background-color:#409eff;border-color:#409eff;color:#fff}.hn-tag--dark.is-hit{border-color:#409EFF}.hn-tag--dark .hn-tag__close{color:#fff}.hn-tag--dark .hn-tag__close:hover{color:#FFF;background-color:#66b1ff}.hn-tag--dark.hn-tag--info{background-color:#909399;border-color:#909399;color:#fff}.hn-tag--dark.hn-tag--info.is-hit{border-color:#909399}.hn-tag--dark.hn-tag--info .hn-tag__close{color:#fff}.hn-tag--dark.hn-tag--info .hn-tag__close:hover{color:#FFF;background-color:#a6a9ad}.hn-tag--dark.hn-tag--success{background-color:#67c23a;border-color:#67c23a;color:#fff}.hn-tag--dark.hn-tag--success.is-hit{border-color:#67C23A}.hn-tag--dark.hn-tag--success .hn-tag__close{color:#fff}.hn-tag--dark.hn-tag--success .hn-tag__close:hover{color:#FFF;background-color:#85ce61}.hn-tag--dark.hn-tag--warning{background-color:#f5a623;border-color:#f5a623;color:#fff}.hn-tag--dark.hn-tag--warning.is-hit{border-color:#F5A623}.hn-tag--dark.hn-tag--warning .hn-tag__close{color:#fff}.hn-tag--dark.hn-tag--warning .hn-tag__close:hover{color:#FFF;background-color:#f7b84f}.hn-tag--dark.hn-tag--danger{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.hn-tag--dark.hn-tag--danger.is-hit{border-color:#F56C6C}.hn-tag--dark.hn-tag--danger .hn-tag__close{color:#fff}.hn-tag--dark.hn-tag--danger .hn-tag__close:hover{color:#FFF;background-color:#f78989}.hn-tag--plain{background-color:#fff;border-color:#b3d8ff;color:#409eff}.hn-tag--plain.is-hit{border-color:#409EFF}.hn-tag--plain .hn-tag__close{color:#409eff}.hn-tag--plain .hn-tag__close:hover{color:#FFF;background-color:#409eff}.hn-tag--plain.hn-tag--info{background-color:#fff;border-color:#d3d4d6;color:#909399}.hn-tag--plain.hn-tag--info.is-hit{border-color:#909399}.hn-tag--plain.hn-tag--info .hn-tag__close{color:#909399}.hn-tag--plain.hn-tag--info .hn-tag__close:hover{color:#FFF;background-color:#909399}.hn-tag--plain.hn-tag--success{background-color:#fff;border-color:#c2e7b0;color:#67c23a}.hn-tag--plain.hn-tag--success.is-hit{border-color:#67C23A}.hn-tag--plain.hn-tag--success .hn-tag__close{color:#67c23a}.hn-tag--plain.hn-tag--success .hn-tag__close:hover{color:#FFF;background-color:#67c23a}.hn-tag--plain.hn-tag--warning{background-color:#fff;border-color:#fbdba7;color:#f5a623}.hn-tag--plain.hn-tag--warning.is-hit{border-color:#F5A623}.hn-tag--plain.hn-tag--warning .hn-tag__close{color:#f5a623}.hn-tag--plain.hn-tag--warning .hn-tag__close:hover{color:#FFF;background-color:#f5a623}.hn-tag--plain.hn-tag--danger{background-color:#fff;border-color:#fbc4c4;color:#f56c6c}.hn-tag--plain.hn-tag--danger.is-hit{border-color:#F56C6C}.hn-tag--plain.hn-tag--danger .hn-tag__close{color:#f56c6c}.hn-tag--plain.hn-tag--danger .hn-tag__close:hover{color:#FFF;background-color:#f56c6c}.hn-tag--medium{height:28px;line-height:26px}.hn-tag--medium .hn-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.hn-tag--small{height:24px;padding:0 8px;line-height:22px}.hn-tag--small .hn-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.hn-tag--mini{height:20px;padding:0 5px;line-height:19px}.hn-tag--mini .hn-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.hn-table-column--selection .cell{padding-left:14px;padding-right:14px}.hn-table-filter{border:1px solid #EBEEF5;border-radius:2px;background-color:#FFF;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:2px 0}.hn-table-filter__list{padding:5px 0;margin:0;list-style:none;min-width:100px}.hn-table-filter__list-item{line-height:36px;padding:0 10px;cursor:pointer;font-size:14px}.hn-table-filter__list-item:hover{background-color:#ecf5ff;color:#66b1ff}.hn-table-filter__list-item.is-active{background-color:#409EFF;color:#FFF}.hn-table-filter__content{min-width:100px}.hn-table-filter__bottom{border-top:1px solid #EBEEF5;padding:8px}.hn-table-filter__bottom button{background:0 0;border:none;color:#606266;cursor:pointer;font-size:13px;padding:0 3px}.hn-table-filter__bottom button:hover{color:#409EFF}.hn-table-filter__bottom button:focus{outline:0}.hn-table-filter__bottom button.is-disabled{color:#C0C4CC;cursor:not-allowed}.hn-table-filter__wrap{max-height:280px}.hn-table-filter__checkbox-group{padding:10px}.hn-table-filter__checkbox-group label.hn-checkbox{display:block;margin-right:5px;margin-bottom:8px;margin-left:5px}.hn-table-filter__checkbox-group .hn-checkbox:last-child{margin-bottom:0}