balm-ui/components/tree/tree.css

A modular and customizable UI library based on Material Design and Vue 3

.mdc-tree{display:flex;flex-direction:column;width:100%}.mdc-tree ul{margin:0;padding:0}.mdc-tree-node{display:flex;flex-direction:column}.mdc-tree-node__content{align-items:center;display:flex;margin-bottom:4px}.mdc-tree-node__content:not(.mdc-tree-node--selected):hover{background:rgba(0,0,0,.04)}.mdc-tree-node__content.mdc-tree-node--selected{background-color:rgba(98,0,238,.12);color:#000}.mdc-tree-node__indent{align-self:stretch;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.mdc-tree-node__indent-unit{display:inline-block;width:24px}.mdc-tree-node__icon{cursor:pointer;width:24px}.mdc-tree-node__label{flex:1;padding:8px 0}.mdc-tree-node__label:hover{cursor:pointer}.mdc-tree-node__label--disabled{color:rgba(0,0,0,.38)}.mdc-tree-node__label--disabled:hover{cursor:default}