tailwindcss Architecture Docs
Home / Function/ simpleDesign() — tailwindcss Function Reference

simpleDesign() — tailwindcss Function Reference

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

Function typescript CompilerEngine ModuleResolution calls 2

Entity Profile

Dependency Diagram

graph TD
  bc446739_2392_65cc_e41e_055960e2ef29["simpleDesign()"]
  3ba19013_498f_3c9b_5c44_0eb24efc4394["add()"]
  bc446739_2392_65cc_e41e_055960e2ef29 -->|calls| 3ba19013_498f_3c9b_5c44_0eb24efc4394
  cebe77e1_f0f2_aeee_417e_2192f5790344["buildDesignSystem()"]
  bc446739_2392_65cc_e41e_055960e2ef29 -->|calls| cebe77e1_f0f2_aeee_417e_2192f5790344
  style bc446739_2392_65cc_e41e_055960e2ef29 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)
})()

Domain

Subdomains

Calls

Source

Frequently Asked Questions

What does simpleDesign() do?
simpleDesign() is a function in the tailwindcss codebase.
What does simpleDesign() call?
simpleDesign() calls 2 function(s): add, buildDesignSystem.

Analyze Your Own Codebase

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

Try Supermodel Free