keyframesToCss() — tailwindcss Function Reference

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

Function typescript UpgradeToolkit Codemods calls 2 called by 1

Entity Profile

UpgradeToolkit→ Codemods→ keyframesToCss() — tailwindcss Function Reference

Dependency Diagram

graph TD
  a3c47427_743d_aeb5_9ea9_81bd29d83bb4["keyframesToCss()"]
  b2ba3368_7330_fe20_4543_9cafa8cfedc0["migrate-js-config.ts"]
  a3c47427_743d_aeb5_9ea9_81bd29d83bb4 -->|defined in| b2ba3368_7330_fe20_4543_9cafa8cfedc0
  e26bfad3_530e_6523_7463_161205321110["migrateTheme()"]
  e26bfad3_530e_6523_7463_161205321110 -->|calls| a3c47427_743d_aeb5_9ea9_81bd29d83bb4
  53bccebe_7dfe_9987_589d_32686d3b1037["keyframesToRules()"]
  a3c47427_743d_aeb5_9ea9_81bd29d83bb4 -->|calls| 53bccebe_7dfe_9987_589d_32686d3b1037
  2da63033_d079_7b37_5cfb_3877674a70b9["toCss()"]
  a3c47427_743d_aeb5_9ea9_81bd29d83bb4 -->|calls| 2da63033_d079_7b37_5cfb_3877674a70b9
  style a3c47427_743d_aeb5_9ea9_81bd29d83bb4 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'
}