printModifier() — tailwindcss Function Reference

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

Function typescript OxideCore PreProcessors calls 2 called by 3

Entity Profile

OxideCore→ PreProcessors→ printModifier() — tailwindcss Function Reference

Dependency Diagram

graph TD
  96d4f916_c113_06d2_e068_b35bf556aaf5["printModifier()"]
  4c29981d_a61a_00fb_b3b5_5a69228c4fff["printCandidate()"]
  4c29981d_a61a_00fb_b3b5_5a69228c4fff -->|calls| 96d4f916_c113_06d2_e068_b35bf556aaf5
  1febc78c_5fc5_7a9e_bbde_e23926ba37fc["printVariant()"]
  1febc78c_5fc5_7a9e_bbde_e23926ba37fc -->|calls| 96d4f916_c113_06d2_e068_b35bf556aaf5
  96c91904_da91_37f1_9ad1_9d3e9e197781["arbitraryUtilities()"]
  96c91904_da91_37f1_9ad1_9d3e9e197781 -->|calls| 96d4f916_c113_06d2_e068_b35bf556aaf5
  84ddf159_5fc2_32a9_8653_06768bdaa804["isVar()"]
  96d4f916_c113_06d2_e068_b35bf556aaf5 -->|calls| 84ddf159_5fc2_32a9_8653_06768bdaa804
  c6f44294_1faa_f8d2_1ba3_f57256e33fc7["printArbitraryValue()"]
  96d4f916_c113_06d2_e068_b35bf556aaf5 -->|calls| c6f44294_1faa_f8d2_1ba3_f57256e33fc7
  style 96d4f916_c113_06d2_e068_b35bf556aaf5 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/candidate.ts lines 969–984

export function printModifier(modifier: ArbitraryModifier | NamedModifier | null) {
  if (modifier === null) return ''

  let isVarValue = isVar(modifier.value)
  let value = isVarValue ? modifier.value.slice(4, -1) : modifier.value
  let [open, close] = isVarValue ? ['(', ')'] : ['[', ']']

  if (modifier.kind === 'arbitrary') {
    return `/${open}${printArbitraryValue(value)}${close}`
  } else if (modifier.kind === 'named') {
    return `/${modifier.value}`
  } else {
    modifier satisfies never
    return ''
  }
}