# `mix compile.phoenix_kit_css_sources`
[🔗](https://github.com/BeamLabEU/phoenix_kit/blob/v1.7.165/lib/mix/tasks/compile.phoenix_kit_css_sources.ex#L1)

Mix compiler that auto-generates CSS @source directives for PhoenixKit modules.

Discovers external modules via `PhoenixKit.ModuleDiscovery`, calls `css_sources/0`
on each, resolves their paths, and writes `assets/css/_phoenix_kit_sources.css`.
The parent app's `app.css` imports this file.

Zero-config: add a module with `css_sources/0` and it gets picked up automatically.

## Setup

Add to your `mix.exs` compilers list:

    compilers: [:phoenix_kit_css_sources, :phoenix_live_view] ++ Mix.compilers()

And import the generated file in `assets/css/app.css`:

    @import "./_phoenix_kit_sources.css";

---

*Consult [api-reference.md](api-reference.md) for complete listing*