How to install Tailwind plugins?

Is it possible to use other tailwind plugins besides “typography”, “forms” and “container queries”? In the documentation for Tailwind Plugins, it states “Importing Tailwind plugins is seamless. Reference the NPM package name.”. But doesn’t give any more detail than that.

Can someone help me with this as I’m very new to Cwicly.

Thanks!

Hi @josh_mitch,

It should be as simple as adding a custom configuration in the configuration editor and specifying the plugins by “NPM package name” in the plugins array.

Example:

  plugins: [require('@domchristie/tailwind-utopia')],

Then you can also specify any directives you need in the Directives editor.

We only used this on one website a while ago but it seemed to work seamlessly as per the documentation.

Thanks for your reply. It does seem like this has worked. Although, for some reason the other tailwind classes seem to not be working now. In the screenshot below is a picture of the front-end after adding the daisyui plugin. The ‘button’ is working correctly but now my previously styled site is not.

Even after purging/regenerating CSS, the tailwind CSS works but then the daisyui stops working. Any ideas?

Please show your custom config, I am guessing you are missing the defaults that Cwicly adds.

Here you are. Thanks for your help on this :slight_smile:

At face value, I can’t see any issues with your config, which matches ours.

There is a possibility you may be experiencing a similar issue to the one I reported here:

Unfortunately there has been no resolution to it yet.

The only way to know for sure exactly what is changing is to diff the output classes in both states:

I’m happy to help debug where possible, ideally @Louis can weigh-in on this when he is available.

Thanks very much. Sorry for my slow replies
No big deal from my end at least as I’m just testing out Cwicly for a side project but the tailwinds plugin feature seems very cool and promising!
Thanks again for your help :slight_smile:

2 Likes