How do you increase the size of text inside a code block?

[todor-a]

I have a slide that shows a very simple code block but it stretches and takes up the whole space. How do you make the code block take up more space?

[KermanX]

You can specify the class or style like this:

'''ts {1|2|3}{class:'w-20 children:h-15'}
code
'''

[todor-a]

I can't seem to get this to work. Also couldn't find an example in the docs. Would you be able to provide one?

[KermanX]

The above example looks like this:

It this what you want?

[todor-a]

Sorry, it didn't work without the {1|2|3}. I added a {*} and now the styles are applied. However, this just modifies the width and height of the code block. It does not affect the font of the actual code in the block. I tried {class:'children:text-2xl'} but that did not work as well.

[KermanX]

You can try !children:text-2xl

[todor-a]

Yes! That did it.

Do you know if this is in the docs somewhere? I would be happy to add it.

[KermanX]

There aren't docs for this now, since this is only CSS-related and not a feature provided by Slidev. It would be nice if we could use classes like !text-2xl directly instead of !children:text-2xl

[todor-a]

Do you think it's worth opening a feature request?

[KermanX]

Both OK