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

substituteFunctions() — tailwindcss Function Reference

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

Function typescript OxideEngine PreProcessors calls 2 called by 3

Entity Profile

Dependency Diagram

graph TD
  cbcebe85_5027_3db6_180a_0ceaa8acbbfb["substituteFunctions()"]
  2189e39a_5595_cbd9_3bbe_eaf87ccf42a2["css-functions.ts"]
  cbcebe85_5027_3db6_180a_0ceaa8acbbfb -->|defined in| 2189e39a_5595_cbd9_3bbe_eaf87ccf42a2
  2efa0a66_c375_c031_24ad_1f7509bb9b14["buildPluginApi()"]
  2efa0a66_c375_c031_24ad_1f7509bb9b14 -->|calls| cbcebe85_5027_3db6_180a_0ceaa8acbbfb
  9b965fd7_d8e9_0b43_cd5d_c9294ab598ed["buildDesignSystem()"]
  9b965fd7_d8e9_0b43_cd5d_c9294ab598ed -->|calls| cbcebe85_5027_3db6_180a_0ceaa8acbbfb
  3970218d_3d6c_e455_87cc_45b4a094f0e9["parseCss()"]
  3970218d_3d6c_e455_87cc_45b4a094f0e9 -->|calls| cbcebe85_5027_3db6_180a_0ceaa8acbbfb
  ed78da58_8727_ad98_120c_61f35cea357a["walk()"]
  cbcebe85_5027_3db6_180a_0ceaa8acbbfb -->|calls| ed78da58_8727_ad98_120c_61f35cea357a
  26722ca1_f17b_fc55_26cf_d5385e7dcf3e["substituteFunctionsInValue()"]
  cbcebe85_5027_3db6_180a_0ceaa8acbbfb -->|calls| 26722ca1_f17b_fc55_26cf_d5385e7dcf3e
  style cbcebe85_5027_3db6_180a_0ceaa8acbbfb fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/css-functions.ts lines 158–183

export function substituteFunctions(ast: AstNode[], designSystem: DesignSystem) {
  let features = Features.None
  walk(ast, (node) => {
    // Find all declaration values
    if (node.kind === 'declaration' && node.value && THEME_FUNCTION_INVOCATION.test(node.value)) {
      features |= Features.ThemeFunction
      node.value = substituteFunctionsInValue(node.value, node, designSystem)
      return
    }

    // Find at-rules rules
    if (node.kind === 'at-rule') {
      if (
        (node.name === '@media' ||
          node.name === '@custom-media' ||
          node.name === '@container' ||
          node.name === '@supports') &&
        THEME_FUNCTION_INVOCATION.test(node.params)
      ) {
        features |= Features.ThemeFunction
        node.params = substituteFunctionsInValue(node.params, node, designSystem)
      }
    }
  })
  return features
}

Domain

Subdomains

Defined In

Calls

Called By

Source

Frequently Asked Questions

What does substituteFunctions() do?
substituteFunctions() is a function in the tailwindcss codebase, defined in packages/tailwindcss/src/css-functions.ts.
Where is substituteFunctions() defined?
substituteFunctions() is defined in packages/tailwindcss/src/css-functions.ts at line 158.
What does substituteFunctions() call?
substituteFunctions() calls 2 function(s): substituteFunctionsInValue, walk.
What calls substituteFunctions()?
substituteFunctions() is called by 3 function(s): buildDesignSystem, buildPluginApi, parseCss.

Analyze Your Own Codebase

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

Try Supermodel Free