search

saadeghi / daisyui

🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library
https://daisyui.com
MIT License
34.11k stars 1.3k forks source link

WindiCSS - Buttons missing hover styles #114

Closed cnb-philip closed 3 years ago

cnb-philip commented 3 years ago

This problem is present in the windi-cli example. Hovering over the primary/secondary buttons do not change the background to the appropriate color. It just uses just the default button hover background color. Upon inspecting the generated output.css, it appears the classes .btn-primary.btn-active,.btn-primary:hover are not being generated.

Buttons were the first and only thing I tested, so there could be other instances of classes not being generated in other components.

saadeghi commented 3 years ago

I think that's a bug on Windi CSS and I'm afraid I can't do anything about it on my side.
https://github.com/windicss/windicss/issues/345 If you're to using Windi CSS, you can add hover: classes to rewrite the colors until there is a fix for that.

<button class="btn btn-primary hover:bg-primary-focus hover:border-primary-focus">button</button>
<button class="btn btn-secondary hover:bg-secondary-focus hover:border-secondary-focus">button</button>
<button class="btn btn-accent hover:bg-accent-focus hover:border-accent-focus">button</button>

I'm closing this issue because it's not a bug on daisyUI. Please follow the linked issue to get notified when it's fixed.