How to remove tailwind from Phoenix completely ? (I only want vanilla CSS)

Is there a command that Phoenix can be generated with that removes tailwind and only uses the most vanilla CSS?

I would like to be able to have a straight vanilla CSS setup. so that when I go to assets/css/app.css I can apply css to any element, including the body tag with no problems. FYI I am working in LiveView.

As it stands when I try to use assets/css/app.css I can’t seem to apply styles.

When I go to the statis/assets/app.css file it works as expected but I assume those will be overwritten during copile/server start up.

Thank you!

Phoenix will soon have a new generator flag: --no-tailwind

1 Like