[Bug] Variants are not working.
calboru opened this issue · 1 comments
Version
Latest
Reproduction link
Operating System
mac
Device
mac
Browser & Version
latest chrome
Steps to reproduce
<button. disabled className="disabled:bg-blueGray-600 bg-pink-500" /button>
above disabled class is not working with the existing variant configuration below:
variants: [
"responsive",
"group-hover",
"focus-within",
"first",
"last",
"odd",
"even",
"hover",
"focus",
"active",
"visited",
"disabled",
],
also tested with following configuration still not working.
variants: {
extend: {
backgroundColor: ["disabled", "active"],
// ...
borderColor: ["focus-visible", "first"],
// ...
textColor: ["visited"],
},
},
What is expected?
disabled:bg-pink-500 should set background color as pink when disable attribute of the button is set.
What is actually happening?
Nothing is happening.
Solution
No solution yet.
Additional comments
Nevermind. Each time any changes in tailwind.config needs rebuild,