bgGradientToLinear() — tailwindcss Function Reference

Architecture documentation for the bgGradientToLinear() function in canonicalize-candidates.ts from the tailwindcss codebase.

Function typescript UpgradeToolkit TemplateAnalysis

Entity Profile

UpgradeToolkit→ TemplateAnalysis→ bgGradientToLinear() — tailwindcss Function Reference

Dependency Diagram

graph TD
  7280acf6_fbcc_51a3_b456_1e14e1aaa471["bgGradientToLinear()"]
  7d350d81_5de1_f9f3_5b2c_19ec8fd3c37e["canonicalize-candidates.ts"]
  7280acf6_fbcc_51a3_b456_1e14e1aaa471 -->|defined in| 7d350d81_5de1_f9f3_5b2c_19ec8fd3c37e
  style 7280acf6_fbcc_51a3_b456_1e14e1aaa471 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/canonicalize-candidates.ts lines 560–573

function bgGradientToLinear(candidate: Candidate) {
  if (candidate.kind === 'static' && candidate.root.startsWith('bg-gradient-to-')) {
    let direction = candidate.root.slice(15)

    if (!DIRECTIONS.includes(direction)) {
      return candidate
    }

    candidate.root = `bg-linear-to-${direction}`
    return candidate
  }

  return candidate
}