tailwindcss Architecture Docs
Home / File/ dimensions.ts — tailwindcss Source File

dimensions.ts — tailwindcss Source File

Architecture documentation for dimensions.ts, a typescript file in the tailwindcss codebase. 2 imports, 2 dependents.

File typescript OxideEngine Extractor 2 imports 2 dependents 1 functions

Entity Profile

Dependency Diagram

graph LR
  58207dba_8b48_ce0d_c2f9_d350f61e57ee["dimensions.ts"]
  c056448b_f7a2_9149_54e8_f0f8470fe3aa["default-map.ts"]
  58207dba_8b48_ce0d_c2f9_d350f61e57ee --> c056448b_f7a2_9149_54e8_f0f8470fe3aa
  bf2992f6_4a37_8536_70f8_94b13631027d["DefaultMap"]
  58207dba_8b48_ce0d_c2f9_d350f61e57ee --> bf2992f6_4a37_8536_70f8_94b13631027d
  7d350d81_5de1_f9f3_5b2c_19ec8fd3c37e["canonicalize-candidates.ts"]
  7d350d81_5de1_f9f3_5b2c_19ec8fd3c37e --> 58207dba_8b48_ce0d_c2f9_d350f61e57ee
  b567fa55_8905_40fc_b0c8_f7b1041653f6["constant-fold-declaration.ts"]
  b567fa55_8905_40fc_b0c8_f7b1041653f6 --> 58207dba_8b48_ce0d_c2f9_d350f61e57ee
  style 58207dba_8b48_ce0d_c2f9_d350f61e57ee fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { DefaultMap } from '../../../tailwindcss/src/utils/default-map'

const DIMENSION_REGEX = /^(?<value>[-+]?(?:\d*\.)?\d+)(?<unit>[a-z]+|%)?$/i

// Parse a dimension such as `64rem` into `[64, 'rem']`.
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
})

Domain

Subdomains

Functions

Dependencies

Imported By

Source

Frequently Asked Questions

What does dimensions.ts do?
dimensions.ts is a source file in the tailwindcss codebase, written in typescript. It belongs to the OxideEngine domain, Extractor subdomain.
What functions are defined in dimensions.ts?
dimensions.ts defines 1 function(s): dimensions.
What does dimensions.ts depend on?
dimensions.ts imports 2 module(s): DefaultMap, default-map.ts.
What files import dimensions.ts?
dimensions.ts is imported by 2 file(s): canonicalize-candidates.ts, constant-fold-declaration.ts.
Where is dimensions.ts in the architecture?
dimensions.ts is located at packages/tailwindcss/src/utils/dimensions.ts (domain: OxideEngine, subdomain: Extractor, directory: packages/tailwindcss/src/utils).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free