-
-
Notifications
You must be signed in to change notification settings - Fork 1.4k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
bug: .list-row specificity is too high #3433
Comments
Thank you @randallmlough
for reporting issues. It helps daisyUI a lot 💚
|
@saadeghi : Just wanted to add that this issue is more common than this example. Any class that is nested breaks tailwinds utility function. For example, if you tried to override the badge text color using a tailwind class, it wont work -> |
list-row specificity is fixed now. This can be fixed in the future if Tailwind CSS allows plugins to add styles to Other than |
Got it. I guess my assumption was daisyui (v5 specifically) is providing the basic default properties but tailwind utility classes would still be able to override those defaults, even in my extreme and non-practical example. But from your link that may not always be the case and there may be some gotchas; which is fine. |
What version of daisyUI are you using?
v5.0.0-beta.2
Which browsers are you seeing the problem on?
Chrome
Reproduction URL
https://play.tailwindcss.com/gyrcuJoHMV
Describe your issue
In v5 of daisy,
list-row
has a higher specificity than tailwind utility classes and you're not able to override it's default properties. According to the tailwind v4 docs, should "list-row" be on the component layer rather than the utility layer?Simple example
The text was updated successfully, but these errors were encountered: