applyKeyframesToTheme() — tailwindcss Function Reference

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

Function typescript CompilerEngine ModuleResolution calls 1 called by 1

Entity Profile

CompilerEngine→ ModuleResolution→ applyKeyframesToTheme() — tailwindcss Function Reference

Dependency Diagram

graph TD
  15c35223_4bac_dcb1_403b_78f4fe4852da["applyKeyframesToTheme()"]
  0f8ac574_990e_8595_a6ed_11422b8a8ec4["upgradeToFullPluginSupport()"]
  0f8ac574_990e_8595_a6ed_11422b8a8ec4 -->|calls| 15c35223_4bac_dcb1_403b_78f4fe4852da
  9fbfbf7d_7486_16f1_14be_06acdc92b2cb["keyframesToRules()"]
  15c35223_4bac_dcb1_403b_78f4fe4852da -->|calls| 9fbfbf7d_7486_16f1_14be_06acdc92b2cb
  style 15c35223_4bac_dcb1_403b_78f4fe4852da 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)
  }
}