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 Oxide Extractor called by 11

Entity Profile

Dependency Diagram

graph TD
  d6cf80a6_8130_7069_e60d_09156f156b67["toCss()"]
  d9175aea_5971_a6c1_773d_004ce3789372["value-parser.ts"]
  d6cf80a6_8130_7069_e60d_09156f156b67 -->|defined in| d9175aea_5971_a6c1_773d_004ce3789372
  07598cf4_0f8c_95f8_901c_b2052b7d14f6["substituteFunctionsInValue()"]
  07598cf4_0f8c_95f8_901c_b2052b7d14f6 -->|calls| d6cf80a6_8130_7069_e60d_09156f156b67
  91c97086_ce94_1ef6_775d_f4471bc2ca0e["substituteFunctionsInValue()"]
  91c97086_ce94_1ef6_775d_f4471bc2ca0e -->|calls| d6cf80a6_8130_7069_e60d_09156f156b67
  9b49f3c6_0c8d_5c62_965c_30a1db6499f8["toCss()"]
  9b49f3c6_0c8d_5c62_965c_30a1db6499f8 -->|calls| d6cf80a6_8130_7069_e60d_09156f156b67
  fa7106d0_b629_ab06_9635_b04e9e0c20f0["printArbitraryValueCache()"]
  fa7106d0_b629_ab06_9635_b04e9e0c20f0 -->|calls| d6cf80a6_8130_7069_e60d_09156f156b67
  ecaa7071_cd5c_d234_37d2_aeb48f44454e["simplifyArbitraryVariantCache()"]
  ecaa7071_cd5c_d234_37d2_aeb48f44454e -->|calls| d6cf80a6_8130_7069_e60d_09156f156b67
  f875e425_9644_1071_3601_45e7c7f789d3["constantFoldDeclaration()"]
  f875e425_9644_1071_3601_45e7c7f789d3 -->|calls| d6cf80a6_8130_7069_e60d_09156f156b67
  8e4634e2_7c1f_b6c1_18b2_bd8f97be3651["decodeArbitraryValue()"]
  8e4634e2_7c1f_b6c1_18b2_bd8f97be3651 -->|calls| d6cf80a6_8130_7069_e60d_09156f156b67
  6037d149_2cd7_be02_40f7_bc552380ed53["parseImportParams()"]
  6037d149_2cd7_be02_40f7_bc552380ed53 -->|calls| d6cf80a6_8130_7069_e60d_09156f156b67
  afa623bf_4f68_b25f_8bd7_1d00a4fcfe48["theme()"]
  afa623bf_4f68_b25f_8bd7_1d00a4fcfe48 -->|calls| d6cf80a6_8130_7069_e60d_09156f156b67
  3c4ab5c3_3962_aeae_cc7c_5edb9e72bc85["substituteFunctionsInValue()"]
  3c4ab5c3_3962_aeae_cc7c_5edb9e72bc85 -->|calls| d6cf80a6_8130_7069_e60d_09156f156b67
  1b775438_02d9_5178_6806_405c3c0b5328["createCssUtility()"]
  1b775438_02d9_5178_6806_405c3c0b5328 -->|calls| d6cf80a6_8130_7069_e60d_09156f156b67
  style d6cf80a6_8130_7069_e60d_09156f156b67 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