Code pattern: Dynamic CSS to highlight things in a tiddler

20 views
Skip to first unread message

Charlie Veniot

unread,
Oct 21, 2022, 12:31:38 PM10/21/22
to TiddlyWiki
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)


Screenshot 2022-10-21 1.02.13 PM.png


Dynamic CSS to Highlight Things in a Tiddler.json
Reply all
Reply to author
Forward
0 new messages