jiro-ui/lib/components/tree/index.css

A Mithril.js UI library based from construct-ui

.cui-tree {
  margin: 0;
  padding: 0;
  list-style: none; }

.cui-tree-node-list {
  margin: 0;
  padding-left: 20px;
  list-style: none; }

.cui-tree-node-content {
  display: flex;
  align-items: center;
  padding: 5px; }
  .cui-tree-node-content:hover {
    background-color: #f6f7f8; }

.cui-tree-node-caret,
.cui-tree-node-caret-none {
  text-align: center;
  position: relative; }

.cui-tree-node-caret-none {
  opacity: 0;
  visibility: hidden; }

.cui-tree-node-caret {
  color: #37474f;
  display: inline-block;
  transition: transform 400ms cubic-bezier(0.4, 1, 0.75, 0.9);
  transform-origin: center center;
  cursor: pointer;
  margin-right: 5px; }
  .cui-tree-node-caret.cui-tree-node-caret-open {
    transform: rotate(90deg);
    transform-origin: center center; }

.cui-tree-node-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  flex: 1 1 auto;
  position: relative;
  user-select: none;
  font-size: 14px; }
  .cui-tree-node-label span {
    display: inline; }

.cui-tree-node-content-right {
  display: flex;
  margin-left: 5px; }

.cui-tree-node-content-left {
  margin-right: 5px;
  display: flex; }

.cui-tree-node.cui-tree-node-selected > .cui-tree-node-content {
  background: #eceff1; }