creativetimofficial / notus-nextjs

Notus NextJS: Free Tailwind CSS UI Kit and Admin
https://www.creative-tim.com/product/notus-nextjs
MIT License
1.35k stars 1.68k forks source link

[Bug] Variants are not working. #15

Closed calboru closed 3 years ago

calboru commented 3 years ago

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

calboru commented 3 years ago

Nevermind. Each time any changes in tailwind.config needs rebuild,