Doesn't play well with TailwindCSS (or any other utility framework)
See original GitHub issue… because of the style background: linear-gradient(135deg, #73a5ff, #5477f5)
applied by default.
TailwindCSS uses the bg-
utility class to change the background color. Passing the option className
doesn’t work of course, because of the background property:
This is annoying because most of the time the primary purpose is to change the background color. Is there a way to unset (maybe using some options) the background itself, and use my bg-green-500
class?
Issue Analytics
- State:
- Created a year ago
- Comments:5 (1 by maintainers)
Top Results From Across the Web
Tailwind CSS classes is not working in my project?
This error is due to tailwind not finding any classes to scan in what it 'thinks' is your HTML code directories.
Read more >TailwindCSS: Adds complexity, does nothing.
Much unlike Bootstrap, however, Tailwind takes a different approach - it is all "utility classes". And I am not a fan.
Read more >Why I Don't Like Tailwind CSS | Aleksandr Hovhannisyan
On paper, Tailwind CSS sounds like a great idea. In reality, it suffers from the same problems that it tries to solve.
Read more >Just-in-Time Mode - Tailwind CSS
Tailwind doesn't include any sort of client-side runtime, so class names need to be statically extractable at build-time, and can't depend on any...
Read more >Adding Custom Styles - Tailwind CSS
Best practices for adding your own custom styles to Tailwind. Often the biggest challenge when working with a framework is figuring out what...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@Shitric thanks for helping, but
unset
wins:Solved using
important
modifier this way:!bg-none !bg-cyan-500
. But I still think there should better way. I’ll close this for not polluting the issues.