parseVariantValue() — tailwindcss Function Reference

Architecture documentation for the parseVariantValue() function in plugin-api.ts from the tailwindcss codebase.

Function typescript OxideCore Scanner calls 3 called by 1

Entity Profile

OxideCore→ Scanner→ parseVariantValue() — tailwindcss Function Reference

Dependency Diagram

graph TD
  c0d9b918_4b8c_8efd_d0a2_c73e574b0ebc["parseVariantValue()"]
  3b6a2079_7f12_42cd_ba9f_a57ecec4366d["buildPluginApi()"]
  3b6a2079_7f12_42cd_ba9f_a57ecec4366d -->|calls| c0d9b918_4b8c_8efd_d0a2_c73e574b0ebc
  6234f4ec_58fd_3072_8261_ee063767d897["substituteAtSlot()"]
  c0d9b918_4b8c_8efd_d0a2_c73e574b0ebc -->|calls| 6234f4ec_58fd_3072_8261_ee063767d897
  f4f92a3d_c13e_a751_8402_451ffa4c772f["rule()"]
  c0d9b918_4b8c_8efd_d0a2_c73e574b0ebc -->|calls| f4f92a3d_c13e_a751_8402_451ffa4c772f
  253418a1_4f08_cf0e_5b8e_c6392b9959eb["parse()"]
  c0d9b918_4b8c_8efd_d0a2_c73e574b0ebc -->|calls| 253418a1_4f08_cf0e_5b8e_c6392b9959eb
  style c0d9b918_4b8c_8efd_d0a2_c73e574b0ebc fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/compat/plugin-api.ts lines 590–602

function parseVariantValue(resolved: string | string[], nodes: AstNode[]): AstNode[] {
  let resolvedArray = typeof resolved === 'string' ? [resolved] : resolved
  return resolvedArray.flatMap((r) => {
    if (r.trim().endsWith('}')) {
      let updatedCSS = r.replace('}', '{@slot}}')
      let ast = CSS.parse(updatedCSS)
      substituteAtSlot(ast, nodes)
      return ast
    } else {
      return rule(r, nodes)
    }
  })
}