jiku-ui/lib/theme-chalk/easy-tree.css

A Component Library for Vue.js.

.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active,.hn-fade-in-enter,.hn-fade-in-leave-active,.hn-fade-in-linear-enter,.hn-fade-in-linear-leave,.hn-fade-in-linear-leave-active{opacity:0}.hn-easy-tree-branch__bottom,.hn-easy-tree-branch__top,.hn-easy-tree-branch__vertical{border-left:1px solid #dcdfe6;position:absolute}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.hn-fade-in-linear-enter-active,.hn-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.hn-fade-in-enter-active,.hn-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.hn-zoom-in-center-enter-active,.hn-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.hn-zoom-in-center-enter,.hn-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.hn-zoom-in-top-enter-active,.hn-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,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;transform-origin:center top}.hn-zoom-in-top-enter,.hn-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.hn-zoom-in-bottom-enter-active,.hn-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,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;transform-origin:center bottom}.hn-zoom-in-bottom-enter,.hn-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.hn-zoom-in-left-enter-active,.hn-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,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;transform-origin:top left}.hn-zoom-in-left-enter,.hn-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.hn-list-enter-active,.hn-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.hn-list-enter,.hn-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.hn-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.hn-easy-tree{position:relative;cursor:default;background:#FFF;color:#606266}.hn-easy-tree__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.hn-easy-tree__empty-text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#909399}.hn-easy-tree-node{white-space:nowrap;outline:0}.hn-easy-tree-node__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:26px;cursor:pointer}.hn-easy-tree-node__content:hover{background-color:#F5F7FA}.hn-easy-tree-node__expand-icon{cursor:pointer;padding:4px;font-size:18px}.hn-easy-tree-node__label{font-size:14px}.hn-easy-tree-node.is-leaf .hn-easy-tree-node__label{margin-left:4px}.hn-easy-tree-node>.hn-easy-tree-node__children{overflow:hidden;background-color:transparent}.hn-easy-tree-node.is-expanded>.hn-easy-tree-node__children{display:block}.hn-easy-tree--highlight-current .hn-easy-tree-node.is-current>.hn-easy-tree-node__content{color:#409EFF}.hn-easy-tree-branch{position:relative;height:100%;margin-right:12px}.hn-easy-tree-branch__top{top:0;bottom:50%}.hn-easy-tree-branch__right{position:absolute;top:50%;width:12px;border-bottom:1px solid #dcdfe6}.hn-easy-tree-branch__bottom{top:50%;bottom:0}.hn-easy-tree-branch__vertical{top:0;bottom:0}