riki/treehouse
riki/treehouse
1
Fork 0
Code Issues 33 Activity

i don't rember

Browse source
This commit is contained in:
りき萌 2023-08-21 21:12:06 +02:00
parent 782758f7e7
commit 02d2010808
9 changed files with 84 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

16
static/css/tree.css
View file

@ -1,17 +1,11 @@
/* The tree indents shouldn't be too spaced out */
.tree ul {
padding-left: clamp(12px, 2vw, 24px);
}
/* But the first block should not be indented. */
.tree>ul {
padding-left: 0;
}
/* Make the tree have + and - instead of the default details/summary arrow */
.tree {
--tree-icon-position: 8px 50%;
--tree-icon-space: 28px;
@ -76,7 +70,7 @@
background-color: rgba(0, 0, 0, 5%);
}
.tree li.leaf {
.tree li>div {
background-image: url('../svg/leaf.svg');
background-repeat: no-repeat;
background-position: var(--tree-icon-position);
@ -157,3 +151,11 @@
padding-left: 24px;
opacity: 50%;
}
.tree :target>details>summary,
.tree :target>div {
border-bottom: 1px dashed rgba(0, 0, 0, 30%);
margin-bottom: -1px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}