substituteFunctionsInValue() — tailwindcss Function Reference

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

Function typescript OxideEngine Extractor calls 4 called by 1

Entity Profile

OxideEngine→ Extractor→ substituteFunctionsInValue() — tailwindcss Function Reference

Dependency Diagram

graph TD
  26722ca1_f17b_fc55_26cf_d5385e7dcf3e["substituteFunctionsInValue()"]
  2189e39a_5595_cbd9_3bbe_eaf87ccf42a2["css-functions.ts"]
  26722ca1_f17b_fc55_26cf_d5385e7dcf3e -->|defined in| 2189e39a_5595_cbd9_3bbe_eaf87ccf42a2
  cbcebe85_5027_3db6_180a_0ceaa8acbbfb["substituteFunctions()"]
  cbcebe85_5027_3db6_180a_0ceaa8acbbfb -->|calls| 26722ca1_f17b_fc55_26cf_d5385e7dcf3e
  2d6c8361_96d8_df0d_ca51_c62f179fdc73["parse()"]
  26722ca1_f17b_fc55_26cf_d5385e7dcf3e -->|calls| 2d6c8361_96d8_df0d_ca51_c62f179fdc73
  ed78da58_8727_ad98_120c_61f35cea357a["walk()"]
  26722ca1_f17b_fc55_26cf_d5385e7dcf3e -->|calls| ed78da58_8727_ad98_120c_61f35cea357a
  f712ed47_45d4_4e5a_dd73_fdefa1da71da["segment()"]
  26722ca1_f17b_fc55_26cf_d5385e7dcf3e -->|calls| f712ed47_45d4_4e5a_dd73_fdefa1da71da
  e79308d2_473f_b6d6_3b04_e4e55c2708d3["toCss()"]
  26722ca1_f17b_fc55_26cf_d5385e7dcf3e -->|calls| e79308d2_473f_b6d6_3b04_e4e55c2708d3
  style 26722ca1_f17b_fc55_26cf_d5385e7dcf3e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/css-functions.ts lines 185–204

export function substituteFunctionsInValue(
  value: string,
  source: AstNode,
  designSystem: DesignSystem,
): string {
  let ast = ValueParser.parse(value)
  walk(ast, (node) => {
    if (node.kind === 'function' && node.value in CSS_FUNCTIONS) {
      let args = segment(ValueParser.toCss(node.nodes).trim(), ',').map((x) => x.trim())
      let result = CSS_FUNCTIONS[node.value as keyof typeof CSS_FUNCTIONS](
        designSystem,
        source,
        ...args,
      )
      return WalkAction.Replace(ValueParser.parse(result))
    }
  })

  return ValueParser.toCss(ast)
}