Incompatible with Tailwind CSS

  • Resolved sammibajrami

    (@sammibajrami)


    3 years, 1 month ago

    Hi David!

    I’m currently building a theme where I’m using Tailwind CSS for a site where I’m hoping to use this plugin. The trouble is that the plugin adds a css file (wcsvfs-public.min.css) that has a .hidden selector, which is the same selector that Tailwind uses to hide an element. The difference is that the one from the plugin adds !important after the display: none. This causes the layout to break in several places.

    I may be the only person who has this issue, but is there any chance that you could rename that class to something else?

    I could just change it locally of course but I want to be able to update the plugin in the future.

    Thank you in advance!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author RosendoLabs

    (@drosendo)

    3 years, 1 month ago

    Hello,

    Thanks for reaching out. That is the Swatches file. I will have a look at it.
    If you are not using Swatches of my plugin than the file should not get loaded.

    Cheers,

    Thread Starter sammibajrami

    (@sammibajrami)

    3 years, 1 month ago

    Hi, thank you for getting back to me!

    That is correct, the problem goes away if I disable swatches.

    Is there a public repository for this plugin? I’d be happy to fix the issue myself!

    Plugin Author RosendoLabs

    (@drosendo)

    3 years, 1 month ago

    Hi,

    I already fixed it. My next release will have the fix. 🙂

    If you have the time I would really appreciate a review on the plugin.

    Cheers,

    Thread Starter sammibajrami

    (@sammibajrami)

    3 years, 1 month ago

    Oh, fantastic, thank you very much!

    A review has been submitted!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Incompatible with Tailwind CSS’ is closed to new replies.