Mark S. wrote: > > I've never noticed that calc before. That is cool. What does "* 1vw" do ? > Multiply by Volkswagens? >
Haha! Yeah, either that or it's a CSS unit <https://www.w3schools.com/cssref/css_units.asp>. It stands for "view-width", i.e .mystyle { width: calc({{myvaluetiddler}}% * 1vw); } I recommend checking out calc(). Very useful. It can do math on things with different css units. In this case above, it transcludes the number and adds % as unit and multiplies it with the viewport width. Note that the transclusion didn't have to have a unit, it could also read calc({{myvaluetiddler}} * .01 * 1vw) For another thing I'm just experimenting with, I tried to "extract" the css calc() so it can be used for other things but no success. In the research process I stumbled over this <https://codepen.io/bennettfeely/pen/LkoQkA> fun trickery for a pure CSS calculator. Clearly unusable, but really fun. <:-) -- 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/31f0c2bc-ccf3-48e4-a4ef-dca3ee796c07%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.