simplifyArbitraryVariantCache() — tailwindcss Function Reference

Architecture documentation for the simplifyArbitraryVariantCache() function in candidate.ts from the tailwindcss codebase.

Function typescript Oxide PreProcessors calls 2

Entity Profile

Oxide→ PreProcessors→ simplifyArbitraryVariantCache() — tailwindcss Function Reference

Dependency Diagram

graph TD
  ecaa7071_cd5c_d234_37d2_aeb48f44454e["simplifyArbitraryVariantCache()"]
  ba6fca27_7720_5839_0f92_bc2abb8db636["candidate.ts"]
  ecaa7071_cd5c_d234_37d2_aeb48f44454e -->|defined in| ba6fca27_7720_5839_0f92_bc2abb8db636
  49a8c506_c50e_ed4b_5a0e_0393edae2b6f["parse()"]
  ecaa7071_cd5c_d234_37d2_aeb48f44454e -->|calls| 49a8c506_c50e_ed4b_5a0e_0393edae2b6f
  d6cf80a6_8130_7069_e60d_09156f156b67["toCss()"]
  ecaa7071_cd5c_d234_37d2_aeb48f44454e -->|calls| d6cf80a6_8130_7069_e60d_09156f156b67
  style ecaa7071_cd5c_d234_37d2_aeb48f44454e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/candidate.ts lines 1093–1113

const simplifyArbitraryVariantCache = new DefaultMap<string, string>((input) => {
  let ast = ValueParser.parse(input)

  // &:is(…)
  if (
    ast.length === 3 &&
    // &
    ast[0].kind === 'word' &&
    ast[0].value === '&' &&
    // :
    ast[1].kind === 'separator' &&
    ast[1].value === ':' &&
    // is(…)
    ast[2].kind === 'function' &&
    ast[2].value === 'is'
  ) {
    return ValueParser.toCss(ast[2].nodes)
  }

  return input
})