dimensions() — tailwindcss Function Reference

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

Function typescript OxideEngine Extractor

Entity Profile

OxideEngine→ Extractor→ dimensions() — tailwindcss Function Reference

Dependency Diagram

graph TD
  6eccff72_e0d4_80af_8507_f68219a65aec["dimensions()"]
  58207dba_8b48_ce0d_c2f9_d350f61e57ee["dimensions.ts"]
  6eccff72_e0d4_80af_8507_f68219a65aec -->|defined in| 58207dba_8b48_ce0d_c2f9_d350f61e57ee
  style 6eccff72_e0d4_80af_8507_f68219a65aec fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/utils/dimensions.ts lines 6–20

export const dimensions = new DefaultMap((input) => {
  let match = DIMENSION_REGEX.exec(input)
  if (!match) return null

  let value = match.groups?.value
  if (value === undefined) return null

  let valueAsNumber = Number(value)
  if (Number.isNaN(valueAsNumber)) return null

  let unit = match.groups?.unit
  if (unit === undefined) return [valueAsNumber, null] as const

  return [valueAsNumber, unit] as const
})