View Source Reuse app.css

Your Phoenix application has an app.css that you might want to use to generate styles for your site, and in this guide, we'll see how to configure your site to reuse the same styles for your application and sites.

In your site config, usually located at runtime.exs, you should add a new config :tailwind_css to let Beacon know where to find the app.css file:

tailwind_css =
  if config_env() == :prod do
    Path.expand("../../app.css", __DIR__)
  else
    Path.expand("../assets/css/app.css", __DIR__)
  end

config :beacon,
  my_site: [
    site: :my_site,
    repo: MyApp.Repo,
    endpoint: MyAppWeb.Endpoint,
    router: MyAppWeb.Router,
    tailwind_css: tailwind_css
  ]

Note the path is different for development and production environments because deployment usually are packed as releases.