isBackgroundPosition() — tailwindcss Function Reference

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

Function typescript Oxide Scanner calls 3

Entity Profile

Oxide→ Scanner→ isBackgroundPosition() — tailwindcss Function Reference

Dependency Diagram

graph TD
  818760e3_70b6_3fa5_a5ec_7a919a58a990["isBackgroundPosition()"]
  43fe4735_10e8_ed1d_6f4f_74b2008c1b00["infer-data-type.ts"]
  818760e3_70b6_3fa5_a5ec_7a919a58a990 -->|defined in| 43fe4735_10e8_ed1d_6f4f_74b2008c1b00
  c58cbb33_f3cc_0b4f_844a_15bf66a1dc61["segment()"]
  818760e3_70b6_3fa5_a5ec_7a919a58a990 -->|calls| c58cbb33_f3cc_0b4f_844a_15bf66a1dc61
  1892fde4_0ab4_2e7a_38c4_cf431005a033["isLength()"]
  818760e3_70b6_3fa5_a5ec_7a919a58a990 -->|calls| 1892fde4_0ab4_2e7a_38c4_cf431005a033
  6e5ca11b_0795_cec6_2d01_3fe0ccd21e05["isPercentage()"]
  818760e3_70b6_3fa5_a5ec_7a919a58a990 -->|calls| 6e5ca11b_0795_cec6_2d01_3fe0ccd21e05
  style 818760e3_70b6_3fa5_a5ec_7a919a58a990 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
}