Tailwind doesn't pick up classes outside of strings

[Munksgaard]

Environment

• Elixir version (elixir -v): 1.18.4
• Phoenix version (mix deps): 1.8.0-rc.3
• Operating system: NixOS

Actual behavior

Putting tailwind utility classes in e.g. sigil_w means that the tailwindcss command line client doesn't pick them up.

I've created a demonstration repository here. Notice that the tagline on the front page is wrapped in a span that calls the foo/0 function to fill out the class attribute. foo/0 is defined here and uses ~w(bg-red-50) to return a list containing the string "bg-red-50". However, when running mix phx.server the text does not have a red background. If you instead change the line to ["bg-red-50"], the text has a red background as expected.

Expected behavior

Tailwind should also pick up utility classes defined outside of double-quotes.

[andrewtimberlake]

Would it work if you did ~w"bg-red-500"?

[Munksgaard]

Yes, that seems to work. ~w( bg-red-500 ) also works. I guess it interprets the parenthesis as part of the token :-/

[SteffenDE]

I don’t think there’s much we can do here on the Phoenix side :(

If this worked with Tailwind v3, but doesn’t with v4 it might be worth opening up an issue in the Tailwind repo?

[Munksgaard]

I kinda agree. Good point about v3 vs v4 though. I'll create an issue in their repo.