Skip to content

feat(tailwind): add Tailwind v4 CSS-first export#21

Open
sbrsubuvga wants to merge 1 commit intogoogle-labs-code:mainfrom
sbrsubuvga:main
Open

feat(tailwind): add Tailwind v4 CSS-first export#21
sbrsubuvga wants to merge 1 commit intogoogle-labs-code:mainfrom
sbrsubuvga:main

Conversation

@sbrsubuvga
Copy link
Copy Markdown

Fixed #19 : Adds a --tailwind-version v4 flag to export --format tailwind that emits a CSS-driven theme using v4's namespaced custom properties (--color-*, --font-*, --text-* with --line-height / --letter-spacing / --font-weight modifiers, --radius-*, --spacing-*) inside an @theme block, plus an @layer components section that uses var(...) references so theme edits propagate without rebuilding utilities. v3 remains the default; existing JSON output and result shape are preserved.

Adds a `--tailwind-version v4` flag to `export --format tailwind` that
emits a CSS-driven theme using v4's namespaced custom properties
(`--color-*`, `--font-*`, `--text-*` with `--line-height` /
`--letter-spacing` / `--font-weight` modifiers, `--radius-*`,
`--spacing-*`) inside an `@theme` block, plus an `@layer components`
section that uses `var(...)` references so theme edits propagate without
rebuilding utilities. v3 remains the default; existing JSON output and
result shape are preserved.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@google-cla
Copy link
Copy Markdown

google-cla Bot commented Apr 22, 2026

Thanks for your pull request! It looks like this may be your first contribution to a Google open source project. Before we can look at your pull request, you'll need to sign a Contributor License Agreement (CLA).

View this failed invocation of the CLA check for more information.

For the most up to date status, view the checks section at the bottom of the pull request.

@davideast
Copy link
Copy Markdown
Collaborator

Thank you for this @sbrsubuvga! Can you sign the CLA?

@sbrsubuvga
Copy link
Copy Markdown
Author

Before we can look at your pull request, you'll need to sign a Contributor License Agreement (CLA

Thanks for your pull request! It looks like this may be your first contribution to a Google open source project. Before we can look at your pull request, you'll need to sign a Contributor License Agreement (CLA).

View this failed invocation of the CLA check for more information.

For the most up to date status, view the checks section at the bottom of the pull request.

CLA has been submitted

@davideast
Copy link
Copy Markdown
Collaborator

@sbrsubuvga It's still failing. Can you make sure you used the same email associated with your commit?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Support for Tailwindcss version 4.0 & above

3 participants