toCss() — tailwindcss Function Reference

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

Function typescript TailwindCore AstManager called by 1

Entity Profile

TailwindCore→ AstManager→ toCss() — tailwindcss Function Reference

Dependency Diagram

graph TD
  1012b9f3_3737_4b61_dcd5_6bb6a64a0477["toCss()"]
  268bd761_ac4b_d7e5_7970_4003bcd62b6b["selector-parser.ts"]
  1012b9f3_3737_4b61_dcd5_6bb6a64a0477 -->|defined in| 268bd761_ac4b_d7e5_7970_4003bcd62b6b
  b3490380_d392_d47b_8224_899900f99989["replaceNestedClassNameReferences()"]
  b3490380_d392_d47b_8224_899900f99989 -->|calls| 1012b9f3_3737_4b61_dcd5_6bb6a64a0477
  style 1012b9f3_3737_4b61_dcd5_6bb6a64a0477 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/selector-parser.ts lines 70–87

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