@concourse/tailwind-config owns the shared Tailwind CSS entry point, design tokens, dark theme, animation styles, and PostCSS configuration.
Complete the repository quick start. Run pnpm dev and inspect all
applications before you change shared styles.
Apps import the package CSS from their global stylesheet:
@import "@concourse/tailwind-config/globals.css";Apps re-export the package PostCSS configuration from their postcss.config.mjs file.
globals.css performs these jobs:
dark variant.Change a semantic token instead of adding a product-specific color to a shared component.
pnpm build to exercise PostCSS through native Turbopack.The application selects Turbopack worker threads for plugin evaluation. Do not add a Webpack build path for PostCSS.
| Entry point | Purpose |
|---|---|
@concourse/tailwind-config/globals.css | Shared Tailwind CSS and theme tokens |
@concourse/tailwind-config/postcss.config | Shared @tailwindcss/postcss configuration |
| Command | Purpose |
|---|---|
pnpm dev | Inspect shared styles in all applications |
pnpm --filter @concourse/ui check-types | Verify shared component types |
pnpm lint | Run workspace lint rules |
pnpm format | Check workspace formatting |
pnpm build | Process the shared CSS in production builds |
@concourse/tailwind-config owns the shared Tailwind CSS entry point, design tokens, dark theme, animation styles, and PostCSS configuration.
Complete the repository quick start. Run pnpm dev and inspect all
applications before you change shared styles.
Apps import the package CSS from their global stylesheet:
@import "@concourse/tailwind-config/globals.css";Apps re-export the package PostCSS configuration from their postcss.config.mjs file.
globals.css performs these jobs:
dark variant.Change a semantic token instead of adding a product-specific color to a shared component.
pnpm build to exercise PostCSS through native Turbopack.The application selects Turbopack worker threads for plugin evaluation. Do not add a Webpack build path for PostCSS.
| Entry point | Purpose |
|---|---|
@concourse/tailwind-config/globals.css | Shared Tailwind CSS and theme tokens |
@concourse/tailwind-config/postcss.config | Shared @tailwindcss/postcss configuration |
| Command | Purpose |
|---|---|
pnpm dev | Inspect shared styles in all applications |
pnpm --filter @concourse/ui check-types | Verify shared component types |
pnpm lint | Run workspace lint rules |
pnpm format | Check workspace formatting |
pnpm build | Process the shared CSS in production builds |