[tw5] Code pattern: Dynamic CSS to highlight things in a tiddler

Download the attached and drag into TiddlyWiki.com to try/study the tiddler “Dynamic CSS to Highlight Things in a Tiddler” (Screenshot way below…)

Things to learn about:

  • edit text widget
  • embedded/local(?) CSS “style section” (?) in a tiddler
  • list widget instance using filter operators all, sort, first
  • dynamic CSS depending on value of EditTextWidget
  • CSS attribute selector
  • autonomous custom HTML tags (aka “autonomous custom elements”)
  • CSS styles background-color and font-size (and “em”, one of the CSS Length units)

Dynamic CSS to Highlight Things in a Tiddler.json (603 Bytes)

3 Likes