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 taale...@gmail.com 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 <cj.v...@gmail.com> 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 taale...@gmail.com 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 <matia...@gmail.com> 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 taale...@gmail.com
>>>> 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 tiddlywiki+...@googlegroups.com.
>>>>
>>> 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 tiddlywiki+...@googlegroups.com.
>>
> 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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/89527887-240a-48f7-b2d4-0a5e65810e1cn%40googlegroups.com.
