vuetify/lib/components/VTreeview/VTreeviewItem.css

Vue Material Component Framework

.v-treeview-item {
  --list-indent-size: 28px;
}
.v-treeview-item.v-treeview-item--filtered {
  display: none;
}
.v-treeview-item__level {
  width: 28px;
}
.v-treeview--fluid .v-treeview-item__level {
  width: 0;
}

.v-treeview.v-list {
  --indent-padding: 16px;
}
.v-treeview.v-list--disabled .v-list-item__prepend {
  pointer-events: auto;
}
.v-treeview .v-list-item--slim > .v-list-item__prepend > .v-icon ~ .v-list-item__spacer {
  width: 10px;
}
.v-treeview .v-list-item--slim > .v-list-item__prepend:not(:has(.v-list-item-action)) > .v-icon {
  margin-inline-start: -6px;
}

.v-treeview-indent-lines {
  position: absolute;
  left: 0;
  height: 100%;
  display: grid;
  padding-left: 8px;
  padding-block: 0;
  grid-template-columns: repeat(var(--v-indent-parts, 1), var(--prepend-width));
  opacity: 0.4;
  pointer-events: none;
}

.v-treeview-indent-line, .v-treeview-indent-line::before {
  border: 0px solid rgb(var(--v-theme-on-surface));
}
.v-treeview-indent-line--leaf, .v-treeview-indent-line--line {
  border-left-width: 1px;
  height: 100%;
  width: calc(50% + 1px);
  justify-self: end;
}
.v-treeview-indent-line--leaf {
  position: relative;
}
.v-treeview-indent-line--leaf::before {
  content: "";
  position: absolute;
  border-bottom-width: 1px;
  height: calc(50% + 1px);
  width: 100%;
}
.v-treeview-indent-line--leaf:last-child::before {
  width: calc(100% - 4px);
}
.v-treeview-indent-line--leaf-link {
  border-bottom-width: 1px;
  height: calc(50% + 1px);
  margin-left: 0;
  margin-right: 6px;
}
.v-treeview-indent-line--last-leaf {
  border-left-width: 1px;
  border-bottom-width: 1px;
  height: calc(50% + 1px);
  margin-left: calc(50% - 1px);
  border-bottom-left-radius: 4px;
}
.v-treeview-indent-line--last-leaf:last-child {
  margin-right: 4px;
}

.v-treeview-group.v-list-group {
  --list-indent-size: 0px;
}
.v-treeview-group.v-list-group > .v-treeview-item__level {
  width: 0px;
}
.v-treeview-group.v-list-group .v-list-group__items .v-list-item {
  padding-inline-start: calc(var(--indent-padding)) !important;
}