mix tailwind.install (tailwind v0.3.1)

View Source

Installs Tailwind executable and assets.

$ mix tailwind.install
$ mix tailwind.install --if-missing

By default, it installs 4.0.9 but you can configure it in your config files, such as:

config :tailwind, :version, "4.0.9"

To install the Tailwind binary from a custom URL (e.g. if your platform isn't officially supported by Tailwind), you can supply a third party path to the binary (beware that we cannot guarantee the compatibility of any third party executable):

$ mix tailwind.install https://people.freebsd.org/~dch/pub/tailwind/v3.2.6/tailwindcss-freebsd-x64

Options 

* `--runtime-config` - load the runtime configuration
  before executing command

* `--if-missing` - install only if the given version
  does not exist

* `--no-assets` - does not install Tailwind assets

Assets

Whenever Tailwind is installed, a default tailwind configuration will be placed in a new assets/tailwind.config.js file. See the tailwind documentation on configuration options.

The default tailwind configuration includes Tailwind variants for Phoenix LiveView specific lifecycle classes:

  • phx-no-feedback - applied when feedback should be hidden from the user
  • phx-click-loading - applied when an event is sent to the server on click while the client awaits the server response
  • phx-submit-loading - applied when a form is submitted while the client awaits the server response
  • phx-submit-loading - applied when a form input is changed while the client awaits the server response

Therefore, you may apply a variant, such as phx-click-loading:animate-pulse to customize tailwind classes when Phoenix LiveView classes are applied.