isBackgroundPosition() — tailwindcss Function Reference

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

Function typescript UpgradeToolkit Codemods calls 3

Entity Profile

UpgradeToolkit→ Codemods→ isBackgroundPosition() — tailwindcss Function Reference

Dependency Diagram

graph TD
  5a421a84_1aa9_e155_4a8f_bd92935b6eec["isBackgroundPosition()"]
  516809a4_c70e_60c3_bbb2_8de4c4572510["infer-data-type.ts"]
  5a421a84_1aa9_e155_4a8f_bd92935b6eec -->|defined in| 516809a4_c70e_60c3_bbb2_8de4c4572510
  f712ed47_45d4_4e5a_dd73_fdefa1da71da["segment()"]
  5a421a84_1aa9_e155_4a8f_bd92935b6eec -->|calls| f712ed47_45d4_4e5a_dd73_fdefa1da71da
  978cd83c_b489_4dd0_bddf_ab7b6f0970c6["isLength()"]
  5a421a84_1aa9_e155_4a8f_bd92935b6eec -->|calls| 978cd83c_b489_4dd0_bddf_ab7b6f0970c6
  62476965_f9ea_4906_7208_dd8bf9da2e20["isPercentage()"]
  5a421a84_1aa9_e155_4a8f_bd92935b6eec -->|calls| 62476965_f9ea_4906_7208_dd8bf9da2e20
  style 5a421a84_1aa9_e155_4a8f_bd92935b6eec fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/utils/infer-data-type.ts lines 242–268

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

  for (let part of segment(value, ' ')) {
    if (
      part === 'center' ||
      part === 'top' ||
      part === 'right' ||
      part === 'bottom' ||
      part === 'left'
    ) {
      count += 1
      continue
    }

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

    if (isLength(part) || isPercentage(part)) {
      count += 1
      continue
    }

    return false
  }

  return count > 0
}