keyframesToCss() — tailwindcss Function Reference

Architecture documentation for the keyframesToCss() function in migrate-js-config.ts from the tailwindcss codebase.

Function typescript CommandLineInterface Codemods calls 2 called by 1

Entity Profile

CommandLineInterface→ Codemods→ keyframesToCss() — tailwindcss Function Reference

Dependency Diagram

graph TD
  e01d9b91_28ef_ca30_15e9_dad1881235ce["keyframesToCss()"]
  ffe9c87e_35ad_f431_9625_80fc875792a7["migrate-js-config.ts"]
  e01d9b91_28ef_ca30_15e9_dad1881235ce -->|defined in| ffe9c87e_35ad_f431_9625_80fc875792a7
  253815a9_405f_ff30_32b6_577fe2d91fb2["migrateTheme()"]
  253815a9_405f_ff30_32b6_577fe2d91fb2 -->|calls| e01d9b91_28ef_ca30_15e9_dad1881235ce
  987b5669_7b27_7dbe_f34a_93d0f099e43a["keyframesToRules()"]
  e01d9b91_28ef_ca30_15e9_dad1881235ce -->|calls| 987b5669_7b27_7dbe_f34a_93d0f099e43a
  9b49f3c6_0c8d_5c62_965c_30a1db6499f8["toCss()"]
  e01d9b91_28ef_ca30_15e9_dad1881235ce -->|calls| 9b49f3c6_0c8d_5c62_965c_30a1db6499f8
  style e01d9b91_28ef_ca30_15e9_dad1881235ce fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/@tailwindcss-upgrade/src/codemods/config/migrate-js-config.ts lines 491–494

function keyframesToCss(keyframes: Record<string, unknown>): string {
  let ast: AstNode[] = keyframesToRules({ theme: { keyframes } })
  return toCss(ast).trim() + '\n'
}