Supported TailwindCSS Versions

Hyvä Theme targets the latest stable TailwindCSS release.

Updating TailwindCSS

Updating TailwindCSS isn't always straightforward.
Hyvä considers backward and browser compatibility before updating Tailwind in a theme release.

If you plan to update TailwindCSS in your child theme (e.g., for a specific feature), consider:

Is the update necessary?
We offer alternative solutions. TailwindCSS is a tool; plain CSS might be a simpler solution.
Understand Node and NPM:
Updates can cause Node script errors. Familiarity with Node and NPM is crucial for debugging.
Be aware of potential breaking changes:
Hyvä often delays updates for a reason. Minor updates are usually simple, but major versions often introduce breaking changes.

TailwindCSS v4 offers greater flexibility for sizing, improved CSS component extensibility, and CSS variable support.

It replaces JavaScript configuration with CSS configuration, aligning it more closely with CSS.

Hyvä Theme releases 1.4.x use TailwindCSS v4.

TailwindCSS v3 enhances v2 features and fully leverages the JIT compiler, significantly improving the developer experience.

The JIT compiler eliminates the need for @variants configuration by supporting all variants (and more).

Learn more about v3 features at v3.tailwindcss.com/.

Hyvä Theme releases 1.2.x and 1.3.x used TailwindCSS v3.

TailwindCSS v2 was the first version supported by Hyvä.
It added modern browser support and dropped IE support.

Used in Hyvä Theme releases 1.0.x and 1.1.x.

Learn more about v2 features at v2.tailwindcss.com/.