relative() — tailwindcss Function Reference

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

Function typescript BuildIntegrations PostCSSPlugin

Entity Profile

BuildIntegrations→ PostCSSPlugin→ relative() — tailwindcss Function Reference

Dependency Diagram

graph TD
  f00c48f5_8b5d_df29_e60e_f9e88871ab4f["relative()"]
  8715b8e3_2ef0_3a5f_beb9_7129d3febc3e["renderer.ts"]
  f00c48f5_8b5d_df29_e60e_f9e88871ab4f -->|defined in| 8715b8e3_2ef0_3a5f_beb9_7129d3febc3e
  style f00c48f5_8b5d_df29_e60e_f9e88871ab4f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/@tailwindcss-cli/src/utils/renderer.ts lines 23–38

export function relative(
  to: string,
  from = process.cwd(),
  { preferAbsoluteIfShorter = true } = {},
) {
  let result = path.relative(from, to)
  if (!result.startsWith('..')) {
    result = `.${path.sep}${result}`
  }

  if (preferAbsoluteIfShorter && result.length > to.length) {
    return to
  }

  return result
}