isFamilyName() — tailwindcss Function Reference

Architecture documentation for the isFamilyName() function in infer-data-type.ts from the tailwindcss codebase.

Function typescript CompilerEngine AstTransformation calls 1

Entity Profile

CompilerEngine→ AstTransformation→ isFamilyName() — tailwindcss Function Reference

Dependency Diagram

graph TD
  ca2b2ff3_72a4_1bc7_c8ea_2c560b459383["isFamilyName()"]
  2a20ea29_c850_cd61_5600_aeebbe3dda66["segment()"]
  ca2b2ff3_72a4_1bc7_c8ea_2c560b459383 -->|calls| 2a20ea29_c850_cd61_5600_aeebbe3dda66
  style ca2b2ff3_72a4_1bc7_c8ea_2c560b459383 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/utils/infer-data-type.ts lines 132–146

function isFamilyName(value: string): boolean {
  let count = 0

  for (let part of segment(value, ',')) {
    // If it starts with a digit, then it's not a family name
    let char = part.charCodeAt(0)
    if (char >= 48 && char <= 57) return false

    if (part.startsWith('var(')) continue

    count += 1
  }

  return count > 0
}