tailwindcss

mirror of https://github.com/tailwindlabs/tailwindcss.git synced 2025-12-08 21:36:08 +00:00

History

Add missing layer(…) to imports above Tailwind directives (#14982 )

This PR fixes an issue where imports above Tailwind directives didn't
get a `layer(…)` argument.

Given this CSS:
```css
@import "./typography.css";
@tailwind base;
@tailwind components;
@tailwind utilities;
```

It was migrated to:
```css
@import "./typography.css";
@import "tailwindcss";
```

But to ensure that the typography styles end up in the correct location,
it requires the `layer(…)` argument.

This PR now migrates the input to:
```css
@import "./typography.css" layer(base);
@import "tailwindcss";
```

Test plan:
---

Added an integration test where an import receives the `layer(…)`, but
an import that eventually contains `@utility` does not receive the
`layer(…)` argument. This is necessary otherwise the `@utility` will be
nested when we are processing the inlined CSS.

Running this on the Commit template, we do have a proper `layer(…)`
<img width="585" alt="image"
src="https://github.com/user-attachments/assets/538055e6-a9ac-490d-981f-41065a6b59f9">

2024-11-14 18:05:14 +01:00

codemods

Add missing layer(…) to imports above Tailwind directives (#14982 )

2024-11-14 18:05:14 +01:00

commands/help

Add initial codemod tooling (#14434 )

2024-09-18 16:45:43 +02:00

template

Do not migrate legacy classes with custom values (#14976 )

2024-11-14 11:31:05 +01:00

utils

Fix glob pattern hoisting on Windows (#14904 )