Tw4 Minimum Repro

gablittledevshop

Minimum reproduction of Tailwind 4 compile issue

Tailwind 4 Minimum Repo

This repo demonstrates a compilation issue I'm having with Tailwind 4. Before starting run yarn install to install all the node modules.

Testing @tailwind/cli

Run yarn build.

Testing postcss

Run yarn buildpostcss

The Problem

The output of the final css isn't compiled properly and looks like this:

@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-500: oklch(0.637 0.237 25.331);
    ....

Top categories