applyKeyframesToTheme() — tailwindcss Function Reference

Architecture documentation for the applyKeyframesToTheme() function in apply-keyframes-to-theme.ts from the tailwindcss codebase.

Function typescript UpgradeToolkit TemplateAnalysis calls 1 called by 1

Entity Profile

UpgradeToolkit→ TemplateAnalysis→ applyKeyframesToTheme() — tailwindcss Function Reference

Dependency Diagram

graph TD
  f127b5d6_5f88_398b_8c62_d6852f4e9748["applyKeyframesToTheme()"]
  0620c0e4_5f2c_149b_94e3_e0fed99b95d8["apply-keyframes-to-theme.ts"]
  f127b5d6_5f88_398b_8c62_d6852f4e9748 -->|defined in| 0620c0e4_5f2c_149b_94e3_e0fed99b95d8
  1a022c10_a26e_d793_740c_267a533619c4["upgradeToFullPluginSupport()"]
  1a022c10_a26e_d793_740c_267a533619c4 -->|calls| f127b5d6_5f88_398b_8c62_d6852f4e9748
  53bccebe_7dfe_9987_589d_32686d3b1037["keyframesToRules()"]
  f127b5d6_5f88_398b_8c62_d6852f4e9748 -->|calls| 53bccebe_7dfe_9987_589d_32686d3b1037
  style f127b5d6_5f88_398b_8c62_d6852f4e9748 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/compat/apply-keyframes-to-theme.ts lines 6–13

export function applyKeyframesToTheme(
  designSystem: DesignSystem,
  resolvedConfig: Pick<ResolvedConfig, 'theme'>,
) {
  for (let rule of keyframesToRules(resolvedConfig)) {
    designSystem.theme.addKeyframes(rule)
  }
}