keyframesToRules() — tailwindcss Function Reference

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

Function typescript OxideCore Scanner calls 2 called by 2

Entity Profile

OxideCore→ Scanner→ keyframesToRules() — tailwindcss Function Reference

Dependency Diagram

graph TD
  e43d1196_de1e_f940_0b19_7c0502d434bd["keyframesToRules()"]
  f7274245_f1a4_d8b1_30d8_a1497768c1d4["keyframesToCss()"]
  f7274245_f1a4_d8b1_30d8_a1497768c1d4 -->|calls| e43d1196_de1e_f940_0b19_7c0502d434bd
  30ad0416_ebef_28e3_eff4_e5d85df47b9a["applyKeyframesToTheme()"]
  30ad0416_ebef_28e3_eff4_e5d85df47b9a -->|calls| e43d1196_de1e_f940_0b19_7c0502d434bd
  c35acfc6_964d_737e_6ecc_275e6f10293a["atRule()"]
  e43d1196_de1e_f940_0b19_7c0502d434bd -->|calls| c35acfc6_964d_737e_6ecc_275e6f10293a
  11c177f7_f682_15b6_46e0_5cff60c4a5a6["objectToAst()"]
  e43d1196_de1e_f940_0b19_7c0502d434bd -->|calls| 11c177f7_f682_15b6_46e0_5cff60c4a5a6
  style e43d1196_de1e_f940_0b19_7c0502d434bd fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/compat/apply-keyframes-to-theme.ts lines 15–23

export function keyframesToRules(resolvedConfig: Pick<ResolvedConfig, 'theme'>): AtRule[] {
  let rules: AtRule[] = []
  if ('keyframes' in resolvedConfig.theme) {
    for (let [name, keyframe] of Object.entries(resolvedConfig.theme.keyframes)) {
      rules.push(atRule('@keyframes', name, objectToAst(keyframe as any)))
    }
  }
  return rules
}