injectFallbackForInitialFallback() — tailwindcss Function Reference

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

Function typescript OxideEngine Extractor calls 1 called by 1

Entity Profile

OxideEngine→ Extractor→ injectFallbackForInitialFallback() — tailwindcss Function Reference

Dependency Diagram

graph TD
  458bfcd1_938b_83be_3795_72dc8e839505["injectFallbackForInitialFallback()"]
  2189e39a_5595_cbd9_3bbe_eaf87ccf42a2["css-functions.ts"]
  458bfcd1_938b_83be_3795_72dc8e839505 -->|defined in| 2189e39a_5595_cbd9_3bbe_eaf87ccf42a2
  a14450c0_b6d2_d918_cff3_c3396641b12d["theme()"]
  a14450c0_b6d2_d918_cff3_c3396641b12d -->|calls| 458bfcd1_938b_83be_3795_72dc8e839505
  ed78da58_8727_ad98_120c_61f35cea357a["walk()"]
  458bfcd1_938b_83be_3795_72dc8e839505 -->|calls| ed78da58_8727_ad98_120c_61f35cea357a
  style 458bfcd1_938b_83be_3795_72dc8e839505 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
      }
    }
  })
}