Custom prose variants.. Possible?

[damikun]

Is it possible to have multiple prose variants, like prose and prose-custom? We have this in code:

typography: {
                DEFAULT: {
                    css: {
                        h1: null,
                    }
                },
                custom: {
                    css: {
                    h1: different as default prose..,
                    }
                },
            },

In the result I can see the standard prose with applied h1: null.

I also see prose-custom, but it contains only CSS for h1 and not the rest of Tailwind’s default prose styles.

Is there a way to have two prose classes with different overrides?

Thx

[wongjn]

The way the prose classes are meant to work is that you always have prose and then modify it with other variation class names:

<div class="prose prose-custom">

[damikun]

Ahh, thanks — but that’s the issue for me. The main class has some fields set to null, which means they won’t appear in the custom configuration and i wanna custom contains entire default of TW...

I ended up copy-pasting the DEFAULT from tw sources and then importing that into custom like this:

css: { require('./prose-kb-defaults.js') }

This seems to work, even if there’s more CSS.