simpleDesign() — tailwindcss Function Reference

Architecture documentation for the simpleDesign() function in sort.bench.ts from the tailwindcss codebase.

Function typescript OxideEngine Scanner calls 2

Entity Profile

OxideEngine→ Scanner→ simpleDesign() — tailwindcss Function Reference

Dependency Diagram

graph TD
  5325bb92_82db_cf31_b2b3_1541819bb8e3["simpleDesign()"]
  25eef9c2_2274_0e13_2eab_600389c47c13["sort.bench.ts"]
  5325bb92_82db_cf31_b2b3_1541819bb8e3 -->|defined in| 25eef9c2_2274_0e13_2eab_600389c47c13
  06ed9408_12cf_7ddd_a435_8cdd942de1d4["add()"]
  5325bb92_82db_cf31_b2b3_1541819bb8e3 -->|calls| 06ed9408_12cf_7ddd_a435_8cdd942de1d4
  9b965fd7_d8e9_0b43_cd5d_c9294ab598ed["buildDesignSystem()"]
  5325bb92_82db_cf31_b2b3_1541819bb8e3 -->|calls| 9b965fd7_d8e9_0b43_cd5d_c9294ab598ed
  style 5325bb92_82db_cf31_b2b3_1541819bb8e3 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/sort.bench.ts lines 7–15

const simpleDesign = (() => {
  let simpleTheme = new Theme()
  simpleTheme.add('--spacing-1', '0.25rem')
  simpleTheme.add('--spacing-3', '0.75rem')
  simpleTheme.add('--spacing-4', '1rem')
  simpleTheme.add('--color-red-500', 'red')
  simpleTheme.add('--color-blue-500', 'blue')
  return buildDesignSystem(simpleTheme)
})()