Philipp Spiess 782bc26135

Migrate keyframes from JS to CSS (#14666) ...

This PR adds support for rewriting JS theme config `keyframes` to CSS as
part of the JS config to CSS migration.

Example:

```ts
import { type Config } from 'tailwindcss'

module.exports = {
  theme: {
    extend: {
      keyframes: {
        'spin-clockwise': {
          '0%': { transform: 'rotate(0deg)' },
          '100%': { transform: 'rotate(360deg)' },
        },
        'spin-counterclockwise': {
          '0%': { transform: 'rotate(0deg)' },
          '100%': { transform: 'rotate(-360deg)' },
        },
      },
      animation: {
        'spin-clockwise': 'spin-clockwise 1s linear infinite',
        'spin-counterclockwise': 'spin-counterclockwise 1s linear infinite',
      },
    },
  },
} satisfies Config
```

Will be printed as:

```css
@theme {
  --animate-spin-clockwise: spin-clockwise 1s linear infinite;
  --animate-spin-counterclockwise: spin-counterclockwise 1s linear infinite;

  @keyframes spin-clockwise {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes spin-counterclockwise {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(-360deg);
    }
  }
}
```

2024-10-15 11:21:19 +02:00

..

cli

Fix rebuilds when editing imported CSS files (#14561)

2024-10-01 11:52:12 +00:00

postcss

Improve @tailwindcss/postcss performance for initial builds (#14565)

2024-10-03 16:21:54 +02:00

upgrade

Migrate keyframes from JS to CSS (#14666)

2024-10-15 11:21:19 +02:00

vite

Add integration tests for multi-root builds (#14564)

2024-10-01 17:00:20 +02:00

package.json

Add integration test setup and tests for the Vite integration (#14089)

2024-08-02 11:50:49 +02:00

utils.ts

Add simple JS config migration (#14639)

2024-10-11 15:27:53 +02:00