Skip to content

Add CSS codemods for migrating @layer utilities #14455

New issue

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

Sign up for GitHub

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

Already on GitHub? Sign in to your account

Merged
RobinMalfait merged 17 commits into from
Sep 24, 2024
Merged

Add CSS codemods for migrating @layer utilities #14455

Changes from 1 commit
Commits
Show all changes
17 commits
Select commit Hold shift + click to select a range
d16b0c5
add CSS codemods for migrating `@layer utilities`
RobinMalfait Sep 12, 2024
f058166
implement migrate-tailwind-directives as PostCSS codemod
RobinMalfait Sep 16, 2024
78253ea
re-enabled skipped tests
RobinMalfait Sep 17, 2024
f29f84a
implement `migrate-at-layer-utilities` as PostCSS codemod
RobinMalfait Sep 17, 2024
ee53aed
add integration test for `@layer utilities` migrations
RobinMalfait Sep 17, 2024
c72b4be
add advanced test with various combinations
RobinMalfait Sep 18, 2024
e667d29
add explicit test for migrating `main.foo` to `&main`
RobinMalfait Sep 18, 2024
8cb6a1d
update changelog
RobinMalfait Sep 18, 2024
67d8b18
keep whitespace when merging `@utility` nodes
RobinMalfait Sep 18, 2024
27fe3a9
update changelog
RobinMalfait Sep 18, 2024
26692f9
handle `@layer components` as-if they are `@layer utilities`
RobinMalfait Sep 18, 2024
f951621
improve algorithm
RobinMalfait Sep 19, 2024
a0d4713
improve integration test
RobinMalfait Sep 20, 2024
5fcd8db
fix changelog
RobinMalfait Sep 20, 2024
caf7377
only replace `&` with its children if it is safe to do so
RobinMalfait Sep 20, 2024
7abb3fd
use `walkAtRules` instead of the visitor API
RobinMalfait Sep 20, 2024
47533c4
update changelog
RobinMalfait Sep 24, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
fix changelog
  • Loading branch information
@RobinMalfait
RobinMalfait committed Sep 24, 2024
commit 5fcd8dbe20b334f107f544af7cbcb777032149c9
5 changes: 1 addition & 4 deletions CHANGELOG.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,15 +12,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
- Add support for `aria`, `supports`, and `data` variants defined in JS config files ([#14407](https://github.com/tailwindlabs/tailwindcss/pull/14407))
- Add `@tailwindcss/upgrade` tooling ([#14434](https://github.com/tailwindlabs/tailwindcss/pull/14434))
- Add CSS codemods for migrating `@tailwind` directives ([#14411](https://github.com/tailwindlabs/tailwindcss/pull/14411))
- Add CSS codemods for migrating `@layer utilities` and `@layer components` ([#14455](https://github.com/tailwindlabs/tailwindcss/pull/14455))

### Added

- Support `screens` in JS config files ([#14415](https://github.com/tailwindlabs/tailwindcss/pull/14415))
- Add `bg-radial-*` and `bg-conic-*` utilities for radial and conic gradients ([#14467](https://github.com/tailwindlabs/tailwindcss/pull/14467))
- Add new `shadow-initial` and `inset-shadow-initial` utilities for resetting shadow colors ([#14468](https://github.com/tailwindlabs/tailwindcss/pull/14468))
- Add `field-sizing-*` utilities ([#14469](https://github.com/tailwindlabs/tailwindcss/pull/14469))
- Include gradient color properties in color transitions ([#14489](https://github.com/tailwindlabs/tailwindcss/pull/14489))
- Add CSS codemods for migrating `@layer utilities` and `@layer components` ([#14455](https://github.com/tailwindlabs/tailwindcss/pull/14455))

### Fixed

Expand Down