A dynamic css can be like a below tiddler
*Title*: my-custom-style
*Tags*: $:/tags/Stylesheet
[data-tags ~= "recipe"] .tc-tiddler-body {
font-family: "Roboto";
font-weight: 500;
font-size: 32px;
line-height: 48px;
}
Now assume I need to apply the above styles to any tiddler has tag recipe
AND also has a parent tag from american, european or asian all child of
continental.
so I may use below code as body of above my-custom-style tiddler
<$list filter="[[continental]tagging[]]" variavle=sl>
[data-tags*="<<sl>>"] [data-tags ~= "recipe"] .tc-tiddler-body {
font-family: "Roboto";
font-weight: 500;
font-size: 32px;
line-height: 48px;
}
</$list>
Note in real case I use much more complicated css here.
The issue is as my wiki grows with children of continental parent tag I got
a very large my-custom-style so my question is:
1. What is the performance impact using the above approach?
2. What simpler solution do you propose?
I appreciate your input here.
Best wishes
Mohammad
--
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/CAAV1gMChHR5G%3Dps9VRGvvTAapEn0fq%2B%2BU1%2BnYgXYNVK-dPT%2BZQ%40mail.gmail.com.
