tailwindcss Architecture Docs
Home / Function/ keyframesToRules() — tailwindcss Function Reference

keyframesToRules() — tailwindcss Function Reference

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

Function typescript Oxide Extractor calls 2 called by 2

Entity Profile

Dependency Diagram

graph TD
  987b5669_7b27_7dbe_f34a_93d0f099e43a["keyframesToRules()"]
  c366ff81_32f3_ab43_fb66_6ea38913c09a["apply-keyframes-to-theme.ts"]
  987b5669_7b27_7dbe_f34a_93d0f099e43a -->|defined in| c366ff81_32f3_ab43_fb66_6ea38913c09a
  e01d9b91_28ef_ca30_15e9_dad1881235ce["keyframesToCss()"]
  e01d9b91_28ef_ca30_15e9_dad1881235ce -->|calls| 987b5669_7b27_7dbe_f34a_93d0f099e43a
  a45cd70e_7ade_035c_2c52_6b1daff60f01["applyKeyframesToTheme()"]
  a45cd70e_7ade_035c_2c52_6b1daff60f01 -->|calls| 987b5669_7b27_7dbe_f34a_93d0f099e43a
  2f6881be_62d9_4b96_7331_a962ced095f7["atRule()"]
  987b5669_7b27_7dbe_f34a_93d0f099e43a -->|calls| 2f6881be_62d9_4b96_7331_a962ced095f7
  2e310eb5_4501_1335_aeaa_0b16be3953d3["objectToAst()"]
  987b5669_7b27_7dbe_f34a_93d0f099e43a -->|calls| 2e310eb5_4501_1335_aeaa_0b16be3953d3
  style 987b5669_7b27_7dbe_f34a_93d0f099e43a 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
}

Domain

Subdomains

Defined In

Calls

Called By

Source

Frequently Asked Questions

What does keyframesToRules() do?
keyframesToRules() is a function in the tailwindcss codebase, defined in packages/tailwindcss/src/compat/apply-keyframes-to-theme.ts.
Where is keyframesToRules() defined?
keyframesToRules() is defined in packages/tailwindcss/src/compat/apply-keyframes-to-theme.ts at line 15.
What does keyframesToRules() call?
keyframesToRules() calls 2 function(s): atRule, objectToAst.
What calls keyframesToRules()?
keyframesToRules() is called by 2 function(s): applyKeyframesToTheme, keyframesToCss.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free