From mschae’s docs
Add style for JSON keys |
Increase line height in treeviews |
||
| Line 29: | Line 29: | ||
list-style-type: none; | list-style-type: none; | ||
list-style-image: none; | list-style-image: none; | ||
line-height: 125%; | |||
} | } | ||
Revision as of 14:51, 13 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 #636363;
width: 10px;
}
.treeview dl,
.treeview dt {
margin-bottom: 0;
}
.jsontree-inherited {
background-color: #E6E6FA;
}
.json-key {
font-weight: bold;
font-family: monospace;
}