Tailwind ignoring classes

I am making a custom view page and trying to use some tailwind classes. On a div I have this:
class="grow-0 shrink-0 w-[32%] basis-[32%] px-3 py-2 text-center font-semibold"
class="grow-0 shrink-0 w-[32%] basis-[32%] px-3 py-2 text-center font-semibold"
Some of the classes are applied, but others (grow-0 and the arbitraries) are not applied. They are ignored. I added a tailwind.config.js file in my project root and defined content:
content: [
"./resources/views/**/*.blade.php"
]
content: [
"./resources/views/**/*.blade.php"
]
The only suggestion I have found from a search is the content path.
3 Replies
Illizian
Illizian2w ago
I think you'll need a custom theme. As if you're using panels then it only pulls in the stylesheet that it has published to /public/vendor
fpolli
fpolliOP2w ago
oh when I was reading on custom themes recently, there is an issue with Filament 3 not supporting Tailwind 4, but requiring Tailwind 4 in the package.json.
Dennis Koch
Dennis Koch2w ago
Filament doesn't require Tailwind 4. It's included in the default Laravel install. You can downgrade if you don't need it or follow the instructions during theme creation.

Did you find this page helpful?