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 UpgradeToolkit TemplateAnalysis calls 2 called by 2

Entity Profile

Dependency Diagram

graph TD
  53bccebe_7dfe_9987_589d_32686d3b1037["keyframesToRules()"]
  0620c0e4_5f2c_149b_94e3_e0fed99b95d8["apply-keyframes-to-theme.ts"]
  53bccebe_7dfe_9987_589d_32686d3b1037 -->|defined in| 0620c0e4_5f2c_149b_94e3_e0fed99b95d8
  a3c47427_743d_aeb5_9ea9_81bd29d83bb4["keyframesToCss()"]
  a3c47427_743d_aeb5_9ea9_81bd29d83bb4 -->|calls| 53bccebe_7dfe_9987_589d_32686d3b1037
  f127b5d6_5f88_398b_8c62_d6852f4e9748["applyKeyframesToTheme()"]
  f127b5d6_5f88_398b_8c62_d6852f4e9748 -->|calls| 53bccebe_7dfe_9987_589d_32686d3b1037
  f9b19679_c1f0_28d6_4d1a_31a10c52e42d["atRule()"]
  53bccebe_7dfe_9987_589d_32686d3b1037 -->|calls| f9b19679_c1f0_28d6_4d1a_31a10c52e42d
  e9bc21ee_17e0_ae31_b0b1_588755ffe2c6["objectToAst()"]
  53bccebe_7dfe_9987_589d_32686d3b1037 -->|calls| e9bc21ee_17e0_ae31_b0b1_588755ffe2c6
  style 53bccebe_7dfe_9987_589d_32686d3b1037 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