Support

Tailwind preflight styles are overriding the Bricks styling

Publish date: 04/19/2024 •  Bug • Winden •  Jordi van der Weg

Tailwinds preflight is overriding the bricks styling

 

 

Uploaded files:

  • support says:

    Hey, Can you please check this issue and let’s know the result with the latest Winden 2.0.3 ?

    Regards,
    Mohammad Arshad
    DPlugins Support

  • Jordi van der Weg says:

    Hi Mohammed,

    I found out that I didn’t disable the preflight in the tailwind config as suggested. Still, I do have issues with winden (also on previous version) where the styles are loaded the other way around in the editor then on the site itself. Somehow the order is different or it has to due with how the styles are loaded (inline or with a link tag).

    Due to this, e.g. my-0 wont work on my editor, but it does work on the live site. This is because my my-0 will be overriden by some default bricks styling.

    Could you please have a look on this. We are currently removing winden from our project, because either bricks or winden is working against each other

    Thanks!

    • support says:

      For this type of conflicts, you need to use !important by adding ! mark before the tailwind class. Other way is to dequeue the Bricks styles and use tailwind for all the things from scratch.

      Regards,
      Mohammad Arshad
      DPlugins Support

Leave a Reply