From mschae’s docs
Increase line height in treeviews |
m Fix color in last treeview item |
||
| Line 52: | Line 52: | ||
} | } | ||
.treeview li li:last-child:not(.treeview-continue)::before { | .treeview li li:last-child:not(.treeview-continue)::before { | ||
border-left: 1px solid | border-left: 1px solid var(--border-color); | ||
width: 10px; | width: 10px; | ||
} | } | ||
| Line 62: | Line 62: | ||
.jsontree-inherited { | .jsontree-inherited { | ||
background-color: | background-color: var(--jsontree-inherited-background-color); | ||
} | } | ||
Latest revision as of 09:07, 14 October 2025
/* CSS placed here will be applied to all skins */
/* Turn a list into a tree view style (based on the Minecraft wiki's treeview styles) */
.treeview {
margin-top: 0.3em;
display: flow-root;
}
.treeview .treeview-header {
padding-left: 3px;
font-weight: bold;
}
.treeview .treeview-header:last-child {
border-color: var(--border-color);
border-left-style: dotted;
}
.treeview .treeview-header:not(:last-child)::before {
content: none;
}
.treeview .treeview-header:last-child::before {
border-bottom: 0;
}
.treeview ul,
.treeview li {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
line-height: 125%;
}
.treeview li li {
position: relative;
padding-left: 13px;
margin-left: 7px;
border-left: 1px solid var(--border-color);
}
.treeview li li::before {
content: "";
position: absolute;
top: 0;
left: -1px;
width: 11px;
height: 11px;
border-bottom: 1px solid var(--border-color);
}
.treeview li li:last-child:not(.treeview-continue) {
border-color: transparent;
}
.treeview li li:last-child:not(.treeview-continue)::before {
border-left: 1px solid var(--border-color);
width: 10px;
}
.treeview dl,
.treeview dt {
margin-bottom: 0;
}
.jsontree-inherited {
background-color: var(--jsontree-inherited-background-color);
}
.json-key {
font-weight: bold;
font-family: monospace;
}