kingdot/lib/theme/Tree.css

A UI Components Library For Vue

.kd-tree{font-size:12px;line-height:1.8}.kd-tree ul{padding-left:calc(14px + 8px)}.kd-tree li,.kd-tree ul{list-style:none}.kd-tree .kd-tree-node{display:inline-block}.kd-tree .kd-tree-node-el{margin-bottom:12px;height:24px}.kd-tree .kd-tree-node-el:hover{background-color:#2c324e}.kd-tree .kd-tree-loading,.kd-tree .kd-tree-switcher{margin-right:8px;display:inline-block;width:14px;height:14px;vertical-align:-4px;text-align:center;transition:all .2s cubic-bezier(.25,.1,.25,.1)}.kd-tree .kd-tree-switcher-icon{cursor:pointer;vertical-align:4px}.kd-tree .kd-tree-switcher-border{border:1px solid #ccc}.kd-tree .tree-open{display:inline-block;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.kd-tree .tree-expand{display:inline-block;width:10px;height:10px;border-radius:2px;text-align:center;font-style:normal;line-height:10px;cursor:pointer;transition:all .2s cubic-bezier(.25,.1,.25,.1)}.kd-tree-checkbox .kd-checkbox-text,.kd-tree-line li.leaf:before{display:none}.kd-tree .node-title{cursor:pointer}.kd-tree .node-title-disabled{cursor:not-allowed}.kd-tree .node-selected{color:#5399ff}.kd-tree-checkbox{margin-right:8px}.kd-tree-switcher{color:#ccc}.kd-tree-loading-circle{stroke-dasharray:269,358;stroke-dashoffset:0;fill:none;stroke-width:6;stroke:#5399ff;r:57}.kd-tree-loading-svg{margin-top:3px;color:#5399ff;-webkit-animation:rotating 1.2s linear infinite;animation:rotating 1.2s linear infinite}.kd-tree-line li:not(:last-of-type){position:relative}.kd-tree-line li:not(:last-of-type):before{position:absolute;border-left:1px dashed #ccc;left:7px;margin:20px 0 0;width:1px;height:calc(100% - 6px);content:' '}.kd-tree-insert-inner{background:#5399ff}.kd-tree-insert-after{border-bottom:1px solid #5399ff}.kd-tree-insert-before{border-top:1px solid #5399ff}@-webkit-keyframes rotating{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotating{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}