You can bundle CSS in a plugin using the following mechanism taking advantage of Tiddler Heading Transclusion
To do this, first include a comment like so in the plugin:
In the code include the following lines at the top of your plugin:
To do this, first include a comment like so in the plugin:
/*
!StyleSheet
body { border: solid 1px black; }
!Code
*/
Ensure you use the !Code to signal to the end of the section and thus the stylesheet.In the code include the following lines at the top of your plugin:
var name = "StyleSheet" + tiddler.title;
config.shadowTiddlers[name] = "/*{{{*/\n%0\n/*}}}*/".
format(store.getTiddlerText(tiddler.title + "##StyleSheet")); // this accesses the StyleSheet section of the current tiddler (the plugin that contains it)
store.addNotification(name, refreshStyles);