Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Tailwind v4 setup issue #111

Closed
djmtype opened this issue May 16, 2024 · 1 comment
Closed

Tailwind v4 setup issue #111

djmtype opened this issue May 16, 2024 · 1 comment

Comments

@djmtype
Copy link

djmtype commented May 16, 2024

Given Tailwind's example of ignoring certain props, this still includes all colors regardless when css.transformer: lightningcss.

/* global.css */
@import "tailwindcss";
@theme {
  --color-*: initial;
}

Astro Config:

import { defineConfig } from "astro/config"
import tailwindcss from "@tailwindcss/vite"

export default defineConfig({
  site: "http://localhost:4321",
  vite: {
    plugins: [tailwindcss()],
    css: {
      transformer: "lightningcss",
    },
});

Therefore, if I remove css.transformer: "lightningcss", Tailwind will obey and not include its colors. However, then I can't take advantage of Lightning's transformers.

@alexanderniebuhr
Copy link
Member

@djmtype Sorry for answering late. We just looked at your issue, and can't reproduce it anymore, maybe there was a new update for the @tailwindcss/vite dependency. If it is still not resolved, could you please add a minimal reproduction example. Thanks ❤️

@florian-lefebvre florian-lefebvre closed this as not planned Won't fix, can't repro, duplicate, stale May 27, 2024
# for free to join this conversation on GitHub. Already have an account? # to comment
Projects
None yet
Development

No branches or pull requests

3 participants