Skip to content

Animation keyframes in config are not supported #155

@jancbeck

Description

@jancbeck

Describe the bug

Custom keyframes defined in tailwind.config.js are not included in the CSS output.

Your minimal, reproducible example

https://github.com/jancbeck/tailwindcss-themer-keyframes-issue/tree/keyframes-issue

Steps to reproduce

  1. clone repro repo, checkout keyframes-issue branch
  2. cd examples/create-react-app-typescript && npm i
  3. npm start view in browser

Expected behavior

The React logo should be animated since custom keyframes for App-logo-spin have been defined in the TW config

How often does this bug happen?

Every time

Screenshots or Videos

No response

Platform

  • OS: MacOS 15.1
  • Browser: Chrome (130.0.6723.71)

tailwindcss-themer version

v4.1.0

Additional context

Checkout the keyframes-default branch to see how it works in TW when not using this plugin
https://github.com/jancbeck/tailwindcss-themer-keyframes-issue/tree/keyframes-default

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingkeep

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions