I didn't look at Charlies solution but I don't get any problem putting the styleblock I proposed in a dedicated stylesheet tiddler, and then applying e.g like so:
asdf @@.jack !GOLD @@asdf ! This Heading <:-) On Tuesday, November 9, 2021 at 3:13:49 AM UTC+1 [email protected] wrote: > Thanks Mat and Charlie! > > So, it looks like I CAN create the class, but have to call it in a > span/div to apply it. > > Which is better than I was expecting, because It was looking like I'd have > to copy/paste the css into every relevant bit. > > Thanks a ton!! > > > > > > On Mon, Nov 8, 2021 at 7:01 PM Charlie Veniot <[email protected]> wrote: > >> Is this what you are looking for? >> >> Download attached json and drag it into tiddlywiki.com to try/analyze. >> >> >> >> On Monday, November 8, 2021 at 9:34:47 PM UTC-4 [email protected] wrote: >> >>> Well, that works for me too Mat - as long as I use inline HTML/CSS like >>> you did above. >>> >>> But if I use the TW class caller (I can't think of the word) like this, >>> no bueno, empty tiddler: >>> >>> @@.jack >>> !!JACK >>> @@ >>> >>> Which I suppose answers my question. Everything has to be styled in >>> line, classes won't work here. >>> >>> >>> On Mon, Nov 8, 2021 at 6:09 PM Mat <[email protected]> wrote: >>> >>>> This works on tiddlywiki.com >>>> >>>> >>>> <style> >>>> .jack { >>>> font-size: 72px; >>>> background: url(<$macrocall $name="datauri" title="Motovun Jack.jpg" >>>> $output="text/plain"/>); >>>> -webkit-background-clip: text; >>>> -webkit-text-fill-color: transparent; >>>> } >>>> </style> >>>> >>>> <div class="jack"> >>>> >>>> !GOLD >>>> </div> >>>> >>>> <:-) >>>> >>>> >>>> On Monday, November 8, 2021 at 8:52:06 PM UTC+1 [email protected] >>>> wrote: >>>> >>>>> I'm trying to make a class that will allow me to fill text with an >>>>> image. For example, making a drop cap for a manuscript-inspired theme >>>>> that >>>>> looks like it's been gilded, by using an image of gold leaf. >>>>> >>>>> The interwebz tell me that I want to use background-clip, but I'm not >>>>> sure how to set that up in a CSS class. Does anyone have any pointers? >>>>> >>>>> All I have so far, which doesn't work (and I didn't think it would): >>>>> >>>>> .dropcap { font-size: 40px; >>>>> margin: 10pc; >>>>> border: 5px double black; >>>>> float: left; background-image: url(<$macrocall $name="datauri" >>>>> title="paua.jpg" $output="text/plain"/>) background-clip: text; } >>>>> >>>>> Thanks, >>>>> Aidan >>>>> >>>> -- >>>> >>> 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/a176c54b-b9b3-4bfe-ac7f-b0891028dc6cn%40googlegroups.com >>>> >>>> <https://groups.google.com/d/msgid/tiddlywiki/a176c54b-b9b3-4bfe-ac7f-b0891028dc6cn%40googlegroups.com?utm_medium=email&utm_source=footer> >>>> . >>>> >>> -- >> 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/81370c4d-903e-4c54-9605-135f92e51828n%40googlegroups.com >> >> <https://groups.google.com/d/msgid/tiddlywiki/81370c4d-903e-4c54-9605-135f92e51828n%40googlegroups.com?utm_medium=email&utm_source=footer> >> . >> > -- 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/89527887-240a-48f7-b2d4-0a5e65810e1cn%40googlegroups.com.
