injectFallbackForInitialFallback() — tailwindcss Function Reference

Architecture documentation for the injectFallbackForInitialFallback() function in css-functions.ts from the tailwindcss codebase.

Function typescript Oxide Scanner calls 1 called by 1

Entity Profile

Oxide→ Scanner→ injectFallbackForInitialFallback() — tailwindcss Function Reference

Dependency Diagram

graph TD
  985244c4_0648_c5ac_af17_30241fffd9de["injectFallbackForInitialFallback()"]
  1648a493_13b2_8170_f86b_607e088d9565["css-functions.ts"]
  985244c4_0648_c5ac_af17_30241fffd9de -->|defined in| 1648a493_13b2_8170_f86b_607e088d9565
  afa623bf_4f68_b25f_8bd7_1d00a4fcfe48["theme()"]
  afa623bf_4f68_b25f_8bd7_1d00a4fcfe48 -->|calls| 985244c4_0648_c5ac_af17_30241fffd9de
  4982d9ce_98d4_85d9_44af_7cc47b93c482["walk()"]
  985244c4_0648_c5ac_af17_30241fffd9de -->|calls| 4982d9ce_98d4_85d9_44af_7cc47b93c482
  style 985244c4_0648_c5ac_af17_30241fffd9de fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/css-functions.ts lines 226–243

function injectFallbackForInitialFallback(ast: ValueParser.ValueAstNode[], fallback: string): void {
  walk(ast, (node) => {
    if (node.kind !== 'function') return
    if (node.value !== 'var' && node.value !== 'theme' && node.value !== '--theme') return

    if (node.nodes.length === 1) {
      node.nodes.push({
        kind: 'word',
        value: `, ${fallback}`,
      })
    } else {
      let lastNode = node.nodes[node.nodes.length - 1]
      if (lastNode.kind === 'word' && lastNode.value === 'initial') {
        lastNode.value = fallback
      }
    }
  })
}