yk-smart-ui-test
Version:
A Component Library for Vue.js.
1 lines • 12.8 kB
CSS
@charset "UTF-8";.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active,.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:opacity .2s linear}.yk-checkbox,.yk-checkbox__input{cursor:pointer;position:relative;display:inline-block;white-space:nowrap}.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active,.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active{opacity:0}.el-fade-in-enter,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);-ms-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{transition:opacity .3s cubic-bezier(.55,0,.1,1)}.yk-checkbox{color:#2C2836;font-weight:400;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:30px}.yk-checkbox:after,.yk-checkbox:before{display:inline-block;vertical-align:middle;content:'';height:100%}.yk-checkbox.is-bordered{padding:9px 10px;border-radius:4px;border:1px solid rgba(44,40,54,.08);box-sizing:border-box;line-height:normal;height:40px}.yk-checkbox.is-bordered.is-checked{border-color:#2E63FD}.yk-checkbox.is-bordered.is-disabled{border-color:#EBEEF5;cursor:not-allowed}.yk-checkbox.is-bordered+.yk-checkbox.is-bordered{margin-left:10px}.yk-checkbox.is-bordered.yk-checkbox--medium{padding:7px 10px;height:36px}.yk-checkbox.is-bordered.yk-checkbox--medium .yk-checkbox__label{line-height:17px;font-size:13px}.yk-checkbox.is-bordered.yk-checkbox--medium .yk-checkbox__inner{height:14px;width:14px}.yk-checkbox.is-bordered.yk-checkbox--small{padding:5px 10px;height:32px}.yk-checkbox.is-bordered.yk-checkbox--small .yk-checkbox__label{line-height:15px;font-size:12px}.yk-checkbox.is-bordered.yk-checkbox--small .yk-checkbox__inner{height:12px;width:12px}.yk-checkbox.is-bordered.yk-checkbox--small .yk-checkbox__inner::after{height:6px;width:2px}.yk-checkbox.is-bordered.yk-checkbox--mini{padding:3px 10px;height:28px}.yk-checkbox.is-bordered.yk-checkbox--mini .yk-checkbox__label{line-height:12px;font-size:12px}.yk-checkbox.is-bordered.yk-checkbox--mini .yk-checkbox__inner{height:12px;width:12px}.yk-checkbox.is-bordered.yk-checkbox--mini .yk-checkbox__inner::after{height:6px;width:2px}.yk-checkbox__input{outline:0;line-height:1;vertical-align:middle}.yk-checkbox__input.is-disabled .yk-checkbox__inner{background-color:#edf2fc;border-color:rgba(44,40,54,.08);cursor:not-allowed}.yk-checkbox__input.is-disabled .yk-checkbox__inner::after{cursor:not-allowed;border-color:rgba(44,40,54,.32)}.yk-checkbox__input.is-disabled .yk-checkbox__inner+.yk-checkbox__label{cursor:not-allowed}.yk-checkbox__input.is-disabled.is-checked .yk-checkbox__inner{background-color:#F2F6FC;border-color:rgba(44,40,54,.08)}.yk-checkbox__input.is-disabled.is-checked .yk-checkbox__inner::after{border-color:rgba(44,40,54,.32)}.yk-checkbox__input.is-disabled.is-indeterminate .yk-checkbox__inner{background-color:#F2F6FC;border-color:rgba(44,40,54,.08)}.yk-checkbox__input.is-disabled.is-indeterminate .yk-checkbox__inner::before{background-color:rgba(44,40,54,.32);border-color:rgba(44,40,54,.32)}.yk-checkbox__input.is-checked .yk-checkbox__inner,.yk-checkbox__input.is-indeterminate .yk-checkbox__inner{background-color:#2E63FD;border-color:#2E63FD}.yk-checkbox__input.is-disabled+span.yk-checkbox__label{color:rgba(44,40,54,.32);cursor:not-allowed}.yk-checkbox__input.is-checked .yk-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);-ms-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.yk-checkbox__input.is-checked+.yk-checkbox__label{color:#2E63FD}.yk-checkbox__input.is-focus .yk-checkbox__inner{border-color:#2E63FD}.yk-checkbox__input.is-indeterminate .yk-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#FFF;height:2px;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.yk-checkbox__input.is-indeterminate .yk-checkbox__inner::after{display:none}.yk-checkbox__inner{display:inline-block;position:relative;border:1px solid rgba(44,40,54,.38);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)}.yk-checkbox__inner:hover{border-color:#2E63FD}.yk-checkbox__inner::after{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);-ms-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;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;-ms-transform-origin:center;transform-origin:center}.yk-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.yk-checkbox-button,.yk-checkbox-button__inner{display:inline-block;position:relative}.yk-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.yk-checkbox:last-of-type{margin-right:0}.yk-checkbox-button__inner{line-height:1;font-weight:400;white-space:nowrap;vertical-align:middle;cursor:pointer;background:#FFF;border:1px solid rgba(44,40,54,.08);border-left:0;color:#2C2836;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;transition:all .3s cubic-bezier(.645,.045,.355,1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:11px;font-size:14px;border-radius:0}.yk-checkbox-button__inner.is-round{padding:11px}.yk-checkbox-button__inner:hover{color:#2E63FD}.yk-checkbox-button__inner [class*=yk-icon-]{line-height:.9}.yk-checkbox-button__inner [class*=yk-icon-]+span{margin-left:5px}.yk-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.yk-checkbox-button.is-checked .yk-checkbox-button__inner{color:#FFF;background-color:#2E63FD;border-color:#2E63FD;box-shadow:-1px 0 0 0 #82a1fe}.yk-checkbox-button.is-checked:first-child .yk-checkbox-button__inner{border-left-color:#2E63FD}.yk-checkbox-button.is-disabled .yk-checkbox-button__inner{color:rgba(44,40,54,.44);cursor:not-allowed;background-image:none;background-color:rgba(44,40,54,.06);border-color:rgba(44,40,54,.06);box-shadow:none}.yk-checkbox-button.is-disabled:first-child .yk-checkbox-button__inner{border-left-color:rgba(44,40,54,.06)}.yk-checkbox-button:first-child .yk-checkbox-button__inner{border-left:1px solid rgba(44,40,54,.08);border-radius:4px 0 0 4px;box-shadow:none}.yk-checkbox-button.is-focus .yk-checkbox-button__inner{border-color:#2E63FD}.yk-checkbox-button:last-child .yk-checkbox-button__inner{border-radius:0 4px 4px 0}.yk-checkbox-button--medium .yk-checkbox-button__inner{padding:8px 10px;font-size:13px;border-radius:0}.yk-checkbox-button--medium .yk-checkbox-button__inner.is-round{padding:8px 10px}.yk-checkbox-button--small .yk-checkbox-button__inner{padding:5px 8px;font-size:12px;border-radius:0}.yk-checkbox-button--small .yk-checkbox-button__inner.is-round{padding:5px 8px}.yk-checkbox-button--mini .yk-checkbox-button__inner{padding:5px 6px;font-size:12px;border-radius:0}.yk-checkbox-button--mini .yk-checkbox-button__inner.is-round{padding:5px 6px}.yk-checkbox-group{font-size:0}.yk-tree{position:relative;cursor:default;background:#FFF;color:#2C2836}.yk-tree>.yk-tree-node{margin-bottom:4px}.yk-tree__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.yk-tree__empty-text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#909399;font-size:14px}.yk-tree__drop-indicator{position:absolute;left:0;right:0;height:1px;background-color:#2E63FD}.yk-tree-node{white-space:nowrap;outline:0}.yk-tree-node:focus>.yk-tree-node__content{background-color:rgba(44,40,54,.04);color:#2E63FD}.yk-tree-node:focus>.yk-tree-node__content>.nocheck{color:#2E63FD}.yk-tree-node.is-drop-inner>.yk-tree-node__content .yk-tree-node__label{background-color:#2E63FD;color:#fff}.yk-tree-node__content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:32px;cursor:pointer}.yk-tree-node__content>.firstList{color:#2E63FD}.yk-tree-node__content>.yk-tree-node__expand-icon{padding:8px}.yk-tree-node__content>.yk-tree-node__expand-icon::before{font-size:16px}.yk-tree-node__content>label.yk-checkbox{margin-right:8px}.yk-tree-node__content:hover{background-color:rgba(46,99,253,.04)}.yk-tree.is-dragging .yk-tree-node__content{cursor:move}.yk-tree.is-dragging .yk-tree-node__content *{pointer-events:none}.yk-tree.is-dragging.is-drop-not-allow .yk-tree-node__content{cursor:not-allowed}.yk-tree-node__expand-icon{cursor:pointer;color:rgba(44,40,54,.32);font-size:12px;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.yk-tree-node__expand-icon.expanded{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.yk-tree-node__expand-icon.is-leaf{color:transparent;cursor:default}.yk-tree-node__label{font-size:14px}.yk-tree-node__loading-icon{margin-right:8px;font-size:14px;color:rgba(44,40,54,.32)}.yk-tree-node>.yk-tree-node__children{overflow:hidden;background-color:transparent}.yk-tree-node.is-expanded>.yk-tree-node__children{display:block;border-left:1px solid rgba(208,214,245,.56);margin-left:15px;margin-top:2px}.yk-tree-node.is-expanded>.yk-tree-node__children>.yk-tree-node{margin-top:2px}.yk-tree-node.is-expanded>.yk-tree-node__children>.yk-tree-node:first-child{margin-top:0}.yk-tree-node.is-expanded>.yk-tree-node__children .yk-tree-node__children{border-left:none;margin-left:0}.yk-tree--highlight-current .yk-tree-node.is-current>.yk-tree-node__content{background-color:#eef3ff}