v4.2.2 / 2025-04-05

v4.2.2 / 2025-04-05

Improved

• The "tailwindcss:upgrade" task now uses the latest version of the @tailwindcss/upgrade tool. #529 @flavorjones
• The "verbose" flag on Rails tasks now emits additional tailwind CLI debugging info (e.g., bin/rails tailwindcss:build[verbose]). #530 @flavorjones
• Simplified the scaffold templates, removing unnecessary div tags. @523 @patriciomacadden

v4.2.1 / 2025-03-19

v4.2.1 / 2025-03-19

Fixed

• Fix styles for form errors in some scaffold fields. #513 @patriciomacadden
• Update scaffold system tests to handle the "Destroy" confirmation prompt when Turbo is enabled. Fixes #519. #520 @patriciomacadden @flavorjones

v4.2.0 / 2025-03-02

v4.2.0 / 2025-03-02

Features

• Improve the view templates to display better on mobile devices. #503 @patriciomacadden
• Support for environment variable TAILWINDCSS_DEBUG to turn off CSS minification. #504 @r-sierra

v4.1.0 / 2025-02-19

v4.1.0 / 2025-02-19

View template improvements

• Field outlines are no longer hidden, and the focus border is brighter. #489 @rubys
• Boolean fields are improved (checkbox labels aligned, "Yes"/"No" instead of "true"/"false"). #454 @patriciomacadden
• Attachment links are consistently spaced and styled. #460 @patriciomacadden
• Index page links to Show, Edit, and Destroy for each resource. #460 @patriciomacadden @flavorjones
• Turbo confirm prompt added to Destroy links. #498 @patriciomacadden

v4.0.0 / 2025-02-01

v4.0.0 / 2025-02-01

Upgrade to Tailwind CSS v4

General changes:

• The dependency on tailwindcss-ruby is set to ~> 4.0.
• The location of (optional) postcss.config.js has moved from the config/ directory to the app root.
• The input file app/assets/tailwind/application.tailwind.css has been renamed to app/assets/tailwind/application.css.
• If Propshaft is being used, app/assets/tailwind will be excluded from its asset handling.
• The Inter font is no longer packaged with the gem.
• Some Tailwind class names in the generated ERB templates are updated for v4.
• The README is updated to contain verbose instructions on upgrading.

Changes to the tailwindcss:install task:

• The tailwindcss:install task no longer installs config/tailwind.config.js, as v4 recommends placing Tailwind configuration in the CSS file.
• The Inter font is no longer configured in the application layout.
• The "tailwind" stylesheet link tag will only be added to the application layout if Propshaft isn't in use and therefore already handling app/assets/build/tailwind.css. Previously it was always injected, resulting in the tag being rendered twice if Propshaft was in use.

New task tailwindcss:upgrade upgrades many apps cleanly:

• Cleans up config/tailwind.config.js and references it from the CSS file as recommended for v4 upgrades.
• Runs the upstream upgrader (note: requires npx to run the one-time upgrade, but highly recommended).
• Removes configuration for the Inter font from the application layout.
• If present, moves config/postcss.config.js to the root directory.
• The "tailwind" stylesheet link tag will be removed if Propshaft is in use and already handling app/assets/build/tailwind.css.
• The input file app/assets/tailwind/application.tailwind.css will be moved to app/assets/tailwind/application.css.

Thanks to @EricGusmao, @patriciomacadden, @excid3, and @brunoprietog for their feedback, contributions, and advice on v4 support.

Other changes

• The gem's Rails generators are now hidden in the rails g --help output. #483 @patriciomacadden

v4.0.0.rc5 / 2025-01-29

v4.0.0.rc5 / 2025-01-29

General changes since rc4:

• Update the rake tasks to detect an (optional) postcss file in the root directory, after moving the file in #466. #482 @EricGusmao
• Hide the gem's Rails generators in the rails g --help output. #483 @patriciomacadden

v4.0.0.rc4 / 2025-01-27

v4.0.0.rc4 / 2025-01-27

Everything in v4.0.0.rc3 plus ...

• The input file app/assets/tailwind/application.tailwind.css has been renamed to app/assets/tailwind/application.css.
• Updated README docs on using the upgrade tool to update class names. @EricGusmao

v4.0.0.rc3 / 2025-01-27

v4.0.0.rc3 / 2025-01-27

Everything in v4.0.0.rc2, plus ...

General changes:

• Remove the Inter font assets from the gem. @EricGusmao
• If Propshaft is being used, app/assets/tailwind will be excluded from its asset handling. (This was incompletely fixed in RC2.)

v4.0.0.rc2 / 2025-01-26

v4.0.0.rc2 / 2025-01-26

Changes since v4.0.0.rc1

General changes:

• The location of application.tailwind.css has moved from app/assets/stylesheets to app/assets/tailwind. If Propshaft is being used, app/assets/tailwind will be excluded from its asset handling.

Changes to the tailwindcss:install task:

• The "tailwind" stylesheet link tag will only be added to the application layout if Propshaft isn't in use and already handling app/assets/build/tailwind.css. Previously it was always injected, resulting in the tag being rendered twice if Propshaft was in use.

Changes to the tailwindcss:upgrade task:

• The "tailwind" stylesheet link tag will be removed if Propshaft is in use and already handling app/assets/build/tailwind.css.
• The file application.tailwind.css will be moved from app/assets/stylesheets to app/assets/tailwind.

Contributors

• @EricGusmao made their first contribution in #476
• Thanks to @patriciomacadden for #469

v4.0.0.rc1 / 2025-01-23

v4.0.0.rc1 / 2025-01-23

Upgrade to Tailwind CSS v4

Upgrade guide is in the README.

General changes:

• Dependency on tailwindcss-ruby set to ~> 4.0.
• The location of (optional) postcss.config.js has moved from the config/ directory to the app root.

Changes to the tailwindcss:install task:

• The tailwindcss:install task no longer installs config/tailwind.config.js.
• The Inter font is no longer packaged with the gem.
• Some Tailwind class names are updated for v4.

New task tailwindcss:upgrade upgrades many apps cleanly:

• Cleans up some things in the generated config/tailwind.config.js.
• Runs the upstream upgrader (note: requires npx to run the one-time upgrade, but highly recommended).
• Removes references to the Inter font from the application layout.
• If present, moves config/postcss.config.js to the root directory.

Thanks to @EricGusmao and @excid3 for their help and advice on this work.