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

toCss() — tailwindcss Function Reference

Architecture documentation for the toCss() function in value-parser.ts from the tailwindcss codebase.

Function typescript UpgradeToolkit Codemods called by 11

Entity Profile

Dependency Diagram

graph TD
  e79308d2_473f_b6d6_3b04_e4e55c2708d3["toCss()"]
  1d3f1613_f144_938f_08f7_49039a46ad49["value-parser.ts"]
  e79308d2_473f_b6d6_3b04_e4e55c2708d3 -->|defined in| 1d3f1613_f144_938f_08f7_49039a46ad49
  ef07d6e3_0c3a_4722_5511_8d4759b3f570["substituteFunctionsInValue()"]
  ef07d6e3_0c3a_4722_5511_8d4759b3f570 -->|calls| e79308d2_473f_b6d6_3b04_e4e55c2708d3
  3c91d7fd_a929_4393_fc7e_e8d30dedc179["substituteFunctionsInValue()"]
  3c91d7fd_a929_4393_fc7e_e8d30dedc179 -->|calls| e79308d2_473f_b6d6_3b04_e4e55c2708d3
  2da63033_d079_7b37_5cfb_3877674a70b9["toCss()"]
  2da63033_d079_7b37_5cfb_3877674a70b9 -->|calls| e79308d2_473f_b6d6_3b04_e4e55c2708d3
  f9a17feb_4681_8aa1_f2b8_21e3641747be["printArbitraryValueCache()"]
  f9a17feb_4681_8aa1_f2b8_21e3641747be -->|calls| e79308d2_473f_b6d6_3b04_e4e55c2708d3
  1292c198_0f78_7986_6bab_1db0d75c2a12["simplifyArbitraryVariantCache()"]
  1292c198_0f78_7986_6bab_1db0d75c2a12 -->|calls| e79308d2_473f_b6d6_3b04_e4e55c2708d3
  9ab273b1_6701_5494_7f88_e2e72f74ddf7["constantFoldDeclaration()"]
  9ab273b1_6701_5494_7f88_e2e72f74ddf7 -->|calls| e79308d2_473f_b6d6_3b04_e4e55c2708d3
  2e1adb5d_9a16_16d9_9e0d_e7ef80a3ec69["decodeArbitraryValue()"]
  2e1adb5d_9a16_16d9_9e0d_e7ef80a3ec69 -->|calls| e79308d2_473f_b6d6_3b04_e4e55c2708d3
  080c2c82_1391_bd9d_3ee3_8b010c0f87ce["parseImportParams()"]
  080c2c82_1391_bd9d_3ee3_8b010c0f87ce -->|calls| e79308d2_473f_b6d6_3b04_e4e55c2708d3
  a14450c0_b6d2_d918_cff3_c3396641b12d["theme()"]
  a14450c0_b6d2_d918_cff3_c3396641b12d -->|calls| e79308d2_473f_b6d6_3b04_e4e55c2708d3
  26722ca1_f17b_fc55_26cf_d5385e7dcf3e["substituteFunctionsInValue()"]
  26722ca1_f17b_fc55_26cf_d5385e7dcf3e -->|calls| e79308d2_473f_b6d6_3b04_e4e55c2708d3
  75cdf0b0_3569_52fd_7186_577645fd4872["createCssUtility()"]
  75cdf0b0_3569_52fd_7186_577645fd4872 -->|calls| e79308d2_473f_b6d6_3b04_e4e55c2708d3
  style e79308d2_473f_b6d6_3b04_e4e55c2708d3 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/value-parser.ts lines 41–56

export function toCss(ast: ValueAstNode[]) {
  let css = ''
  for (const node of ast) {
    switch (node.kind) {
      case 'word':
      case 'separator': {
        css += node.value
        break
      }
      case 'function': {
        css += node.value + '(' + toCss(node.nodes) + ')'
      }
    }
  }
  return css
}

Domain

Subdomains

Defined In

Called By

Source

Frequently Asked Questions

What does toCss() do?
toCss() is a function in the tailwindcss codebase, defined in packages/tailwindcss/src/value-parser.ts.
Where is toCss() defined?
toCss() is defined in packages/tailwindcss/src/value-parser.ts at line 41.
What calls toCss()?
toCss() is called by 11 function(s): constantFoldDeclaration, createCssUtility, decodeArbitraryValue, parseImportParams, printArbitraryValueCache, simplifyArbitraryVariantCache, substituteFunctionsInValue, substituteFunctionsInValue, and 3 more.

Analyze Your Own Codebase

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

Try Supermodel Free