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 CompilerEngine ModuleResolution called by 10

Entity Profile

Dependency Diagram

graph TD
  f66dddcc_be1c_d082_4eb0_ec82ce3bf380["toCss()"]
  93d0cdce_24aa_be83_c138_90437551952e["substituteFunctionsInValue()"]
  93d0cdce_24aa_be83_c138_90437551952e -->|calls| f66dddcc_be1c_d082_4eb0_ec82ce3bf380
  360848c5_bd2e_d4dd_ad1b_074434129232["substituteFunctionsInValue()"]
  360848c5_bd2e_d4dd_ad1b_074434129232 -->|calls| f66dddcc_be1c_d082_4eb0_ec82ce3bf380
  af90c185_29a2_6c4c_ef06_b18f00f7655c["toCss()"]
  af90c185_29a2_6c4c_ef06_b18f00f7655c -->|calls| f66dddcc_be1c_d082_4eb0_ec82ce3bf380
  c155249e_9c85_fd4e_2707_8f98f0ab5228["printArbitraryValueCache()"]
  c155249e_9c85_fd4e_2707_8f98f0ab5228 -->|calls| f66dddcc_be1c_d082_4eb0_ec82ce3bf380
  38287293_0aa0_94c9_7fb7_8a8a4fa1e9c2["simplifyArbitraryVariantCache()"]
  38287293_0aa0_94c9_7fb7_8a8a4fa1e9c2 -->|calls| f66dddcc_be1c_d082_4eb0_ec82ce3bf380
  9df707f7_aef8_37b0_5f90_edacde047f5b["constantFoldDeclaration()"]
  9df707f7_aef8_37b0_5f90_edacde047f5b -->|calls| f66dddcc_be1c_d082_4eb0_ec82ce3bf380
  20489d8d_4ac1_6581_7ef8_8b43d79a6212["decodeArbitraryValue()"]
  20489d8d_4ac1_6581_7ef8_8b43d79a6212 -->|calls| f66dddcc_be1c_d082_4eb0_ec82ce3bf380
  d4cb5436_afc5_b498_b798_03165e495710["parseImportParams()"]
  d4cb5436_afc5_b498_b798_03165e495710 -->|calls| f66dddcc_be1c_d082_4eb0_ec82ce3bf380
  552e707a_ccba_b2a6_5917_15f7a417896b["theme()"]
  552e707a_ccba_b2a6_5917_15f7a417896b -->|calls| f66dddcc_be1c_d082_4eb0_ec82ce3bf380
  89ce828b_eda4_0d96_a1db_69d4d7bec86b["substituteFunctionsInValue()"]
  89ce828b_eda4_0d96_a1db_69d4d7bec86b -->|calls| f66dddcc_be1c_d082_4eb0_ec82ce3bf380
  style f66dddcc_be1c_d082_4eb0_ec82ce3bf380 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

Called By

Source

Frequently Asked Questions

What does toCss() do?
toCss() is a function in the tailwindcss codebase.
What calls toCss()?
toCss() is called by 10 function(s): constantFoldDeclaration, decodeArbitraryValue, parseImportParams, printArbitraryValueCache, simplifyArbitraryVariantCache, substituteFunctionsInValue, substituteFunctionsInValue, substituteFunctionsInValue, and 2 more.

Analyze Your Own Codebase

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

Try Supermodel Free