Closed calboru closed 3 years ago
Latest
mac
latest chrome
<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"], }, },
disabled:bg-pink-500 should set background color as pink when disable attribute of the button is set.
Nothing is happening.
No solution yet.
Nevermind. Each time any changes in tailwind.config needs rebuild,
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