Config

Styling

Phoenix Igniter includes Tailwind 2 and it's turned on by default. Phoenix's default CSS is also included and a few of its settings that clash with Tailwind are overridden. See your app.css file for more info.

Disabling Tailwind

To disable Tailwind, then you can simply remove the three @tailwind directives at the top of the file and delete the entire @layer base block.

To fully remove it from the app, also remove Tailwind from the deps in your package.json and from the plugins in your postcss.config.js file

Disabling default Phoenix styles

To disable the default Phoenix styles, remove the top line of your app.css file: @import "./phoenix.css";