simpleDesign() — tailwindcss Function Reference

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

Function typescript Oxide PreProcessors calls 2

Entity Profile

Oxide→ PreProcessors→ simpleDesign() — tailwindcss Function Reference

Dependency Diagram

graph TD
  e61c3072_d280_5d4e_55b5_4d25572f3d6d["simpleDesign()"]
  c9311894_1a5e_697f_82ed_fee32a98b8a1["sort.bench.ts"]
  e61c3072_d280_5d4e_55b5_4d25572f3d6d -->|defined in| c9311894_1a5e_697f_82ed_fee32a98b8a1
  e7db6358_7af5_e4b2_792d_749691a304cc["add()"]
  e61c3072_d280_5d4e_55b5_4d25572f3d6d -->|calls| e7db6358_7af5_e4b2_792d_749691a304cc
  e557c8a4_bb27_ee44_c462_9e238157ad04["buildDesignSystem()"]
  e61c3072_d280_5d4e_55b5_4d25572f3d6d -->|calls| e557c8a4_bb27_ee44_c462_9e238157ad04
  style e61c3072_d280_5d4e_55b5_4d25572f3d6d 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)
})()