creativetimofficial/notus-nextjs

[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,