printModifier() — tailwindcss Function Reference

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

Function typescript CompilerEngine AstTransformation calls 2 called by 3

Entity Profile

CompilerEngine→ AstTransformation→ printModifier() — tailwindcss Function Reference

Dependency Diagram

graph TD
  8401eb01_6b4f_c27e_ac2b_ccfb90282782["printModifier()"]
  ec55634f_f6e4_3b8b_1267_0b251c4dade1["printCandidate()"]
  ec55634f_f6e4_3b8b_1267_0b251c4dade1 -->|calls| 8401eb01_6b4f_c27e_ac2b_ccfb90282782
  49c38785_1012_962e_d353_b5b1d6858132["printVariant()"]
  49c38785_1012_962e_d353_b5b1d6858132 -->|calls| 8401eb01_6b4f_c27e_ac2b_ccfb90282782
  a65f8d6f_368a_80d1_0677_401c085c0a5b["arbitraryUtilities()"]
  a65f8d6f_368a_80d1_0677_401c085c0a5b -->|calls| 8401eb01_6b4f_c27e_ac2b_ccfb90282782
  bf444be1_4cab_9a69_d1ff_4e42ea08b5e9["isVar()"]
  8401eb01_6b4f_c27e_ac2b_ccfb90282782 -->|calls| bf444be1_4cab_9a69_d1ff_4e42ea08b5e9
  a28c52ab_40ed_1df4_72a0_d29fd07e7429["printArbitraryValue()"]
  8401eb01_6b4f_c27e_ac2b_ccfb90282782 -->|calls| a28c52ab_40ed_1df4_72a0_d29fd07e7429
  style 8401eb01_6b4f_c27e_ac2b_ccfb90282782 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 ''
  }
}