@PMario
Wohoo I am getting CSS variables to work after all! What I've missed
before, that you brought attention to here, was the need for pragma rules.
Unfortunately the docs are pretty thin on pragma rules and no guidance on
their parameters. In my dabbling it seems to be enough with "\rules only"
(no clue what that means) - but is that sufficient or do I need more?
Here's the current code:
\rules only
/* Change line color and thickness here */
.list-tree {
--list-tree-color: silver;
--list-tree-thickness: 1px;
}
.list-tree, .list-tree ul, .list-tree li { position: relative; }
.list-tree li { list-style: none; }
.list-tree ul { padding: 0 0 0 2em; }
.list-tree li::before, .list-tree li::after {
content: "";
position: absolute;
left: -1em;
}
/* horizontal line */
.list-tree li::before {
border-bottom: var(--list-tree-thickness) solid var(--list-tree-color);
top: .6em;
width: 7px;
}
/* vertical line */
.list-tree ul li::after {
border-left: var(--list-tree-thickness) solid var(--list-tree-color);
height: 100%;
top: .1em;
}
.list-tree ul > li:last-child::after { height: .5em; }
/* top-level: Lines if multiple top elements. No lines if single top
element. */
.list-tree > li:last-of-type:before { display:none; }
.list-tree > li:first-of-type:before { border-top:var(--list-tree-thickness)
solid var(--list-tree-color); }
.list-tree > li:before {
border-left: var(--list-tree-thickness) solid var(--list-tree-color);
height: 100%;
}
Thank you!
<:-)
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/67d71977-ad8a-4b3f-b62f-93e99415a815%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
