Tailwind compiler not working properly with Turborepo
I am using @marminge 's acme-corp as a template and I have a UI component which is pretty much exactly the one in his project, same tailwind config, same everything.
However, in the nextjs project the compiler does see some styles and applies them but not all of them, see the photos added. Here are also the tailwind configurations and my repo. https://github.com/DavidIlie/laundrey
UI tailwind config:
import type { Config } from "tailwindcss";import baseConfig from "@laundrey/tailwind-config";export default { content: baseConfig.content, presets: [baseConfig],} satisfies Config;
import type { Config } from "tailwindcss";import baseConfig from "@laundrey/tailwind-config";export default { content: baseConfig.content, presets: [baseConfig],} satisfies Config;
nextjs tailwind config:
import type { Config } from "tailwindcss";import baseConfig from "@laundrey/tailwind-config";export default { content: [...baseConfig.content, "../../packages/ui/src/**/*.{ts,tsx}"], presets: [baseConfig],} satisfies Config;
import type { Config } from "tailwindcss";import baseConfig from "@laundrey/tailwind-config";export default { content: [...baseConfig.content, "../../packages/ui/src/**/*.{ts,tsx}"], presets: [baseConfig],} satisfies Config;
global tailwind config:
import type { Config } from "tailwindcss";import { fontFamily } from "tailwindcss/defaultTheme";export default { darkMode: ["class"], content: ["src/**/*.{ts,tsx}", "components/**/*.{ts,tsx}"],...shadcn stuff plugins: [require("tailwindcss-animate")],} satisfies Config;
import type { Config } from "tailwindcss";import { fontFamily } from "tailwindcss/defaultTheme";export default { darkMode: ["class"], content: ["src/**/*.{ts,tsx}", "components/**/*.{ts,tsx}"],...shadcn stuff plugins: [require("tailwindcss-animate")],} satisfies Config;
project to keep track of clothes being handed in to my laundry - GitHub - DavidIlie/laundrey: project to keep track of clothes being handed in to my laundry