bug: (v5) responsive modifiers not working for card-border
What version of daisyUI are you using?
v5.0.0
Which browsers are you seeing the problem on?
All browsers
Reproduction URL
https://play.tailwindcss.com/6makvWf5wk
Describe your issue
Responsive modifieres don't work for card-border. sm:card-border results to a card with no border on all screen sizes (see reproduction URL). This might also be the case for other card uitilities.
Might be related to: https://github.com/saadeghi/daisyui/issues/3558
Thank you @FlorianFlatscher
for reporting issues. It helps daisyUI a lot ๐
I'll be working on issues one by one. I will help with this one as soon as a I
find a solution.
In the meantime providing more details and reproduction links would be
helpful.
Since this is still open, as the reporter of the "might be related to" issue, I've also since noticed that list-col-wrap doesn't work with responsive modifiers either. Fortunately, it's a fairly simple class, so it's replaceable using !row-start-2, but it sucks that I should need to.
Seems like a lot of classes stopped integrating properly with Tailwind in the rewrite from v4 to v5.
Please let me know if you found more class names that are expected to work with Tailwind's responsive prefixes.
I will work on it ๐
I don't know if it can help, but there are some classes that are not being picked up by the tailwind lsp and are not working with the @apply directive. Here is a list of classes that I found:
- card-border
- card-dash
- list-row
- dock-active
- table-pin-rows
- table-pin-cols
- toast-{start,center,end,bottom,middle,top}
- dropdown-content
- indicator-item
- tooltip-content
- drawer-overlay
What I've found is that those classes don't really exist. There are only used in .where() pseudo-class function. Maybe that's why tailwind don't see them.
The list was extracted from: https://github.com/search?q=repo%3Asaadeghi%2Fdaisyui%20where(.&type=code
Is there any way to fix this?