Function toCss

packages/tailwindcss/src/ast.ts:685–890

(ast: AstNode[], track?: boolean)

}

export function toCss(ast: AstNode[], track?: boolean) {
  let pos = 0

  let source: Source = {
    file: null,
    code: class="st">'',
  }

  function stringify(node: AstNode, depth = 0): string {
    let css = class="st">''
    let indent = class="st">'  '.repeat(depth)

    class="cm">// Declaration
    if (node.kind === class="st">'declaration') {
      css += `${indent}${node.property}: ${node.value}${node.important ? class="st">' !important' : class="st">''};\n`

      if (track) {
        class="cm">// indent
        pos += indent.length

        class="cm">// node.property
        let start = pos
        pos += node.property.length

        class="cm">// `: `
        pos += 2

        class="cm">// node.value
        pos += node.value?.length ?? 0

        class="cm">// !important
        if (node.important) {
          pos += 11
        }

        let end = pos

        class="cm">// `;\n`
        pos += 2

        node.dst = [source, start, end]
      }
    }

    class="cm">// Rule
    else if (node.kind === class="st">'rule') {
      css += `${indent}${node.selector} {\n`

      if (track) {
        class="cm">// indent
        pos += indent.length

        class="cm">// node.selector
        let start = pos
        pos += node.selector.length

        class="cm">// ` `
        pos += 1