question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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:

toastify

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:closed
  • Created a year ago
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

2reactions
gremocommented, May 16, 2022

@Shitric thanks for helping, but unset wins:

Immagine 2022-05-16 161546

0reactions
gremocommented, Jun 28, 2022

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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found