Recently, I integrated tailwindcss 2.0.4 into my angular 11.2.6 project.
After completing the installation and adding necessary imports, the appearance of the page had changed.
Take this button for instance:
https://i.sstatic.net/vvYVN.png
Prior to integrating tailwindcss, the button looked like this:
https://i.sstatic.net/mthow.png
Upon inspection with devtools, I observed that some styles were coming from a file named 'base.css', which is a stylesheet added by Tailwind to the project.
All my button styles reverted back to their original appearance once I removed all styles associated with base.css.
What would be the most effective way to address this? Should I modify the base.css file directly? Is there a more efficient method for overriding base.css styles?