applyKeyframesToTheme() — tailwindcss Function Reference

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

Function typescript Oxide Extractor calls 1 called by 1

Entity Profile

Oxide→ Extractor→ applyKeyframesToTheme() — tailwindcss Function Reference

Dependency Diagram

graph TD
  a45cd70e_7ade_035c_2c52_6b1daff60f01["applyKeyframesToTheme()"]
  c366ff81_32f3_ab43_fb66_6ea38913c09a["apply-keyframes-to-theme.ts"]
  a45cd70e_7ade_035c_2c52_6b1daff60f01 -->|defined in| c366ff81_32f3_ab43_fb66_6ea38913c09a
  2351a59d_92ba_1342_1dcb_39b34492170e["upgradeToFullPluginSupport()"]
  2351a59d_92ba_1342_1dcb_39b34492170e -->|calls| a45cd70e_7ade_035c_2c52_6b1daff60f01
  987b5669_7b27_7dbe_f34a_93d0f099e43a["keyframesToRules()"]
  a45cd70e_7ade_035c_2c52_6b1daff60f01 -->|calls| 987b5669_7b27_7dbe_f34a_93d0f099e43a
  style a45cd70e_7ade_035c_2c52_6b1daff60f01 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)
  }
}