Hello,
I'm using the below customised <summary> html tag and would like to replace
the unicode symbols (highlighted) with a SVG graphic that I've imported
into my TiddlyWiki. I've pasted the code below in its entirety as I think
it could be easier to test.
I've tried url("<<datauri "graphic.svg">>") no-repeat; but it doesn't seem
to work with "content".
I would appreciate your hints.
details[open] summary ~ * {
position: relative;
}
summary {
display: block;
cursor: pointer;
outline: none;
}
summary::-webkit-details-marker {
display: none;
cursor: pointer;
}
summary::before {
content: '\25B6';
font-family: monospace;
font-size: 100%;
padding-right: 3px;
vertical-align: bottom;
}
details[open] > summary::before {
content: '\25BC';
font-family: monospace;
font-size: 125%;
color: red;
padding-right: 4.5px;
vertical-align: bottom;
}
Regards,
Hubert
--
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 [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/3f2fad45-c1a0-484c-8dea-f684285837aa%40googlegroups.com.
