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 OxideCore Scanner calls 2

Entity Profile

Dependency Diagram

graph TD
  4bf69ed2_937e_8db8_e3d5_dbd0af3cc6e4["simpleDesign()"]
  24d95be4_356f_a1f9_9702_2a4f413db0f5["add()"]
  4bf69ed2_937e_8db8_e3d5_dbd0af3cc6e4 -->|calls| 24d95be4_356f_a1f9_9702_2a4f413db0f5
  c58d3214_88d6_f4fc_257f_8e84def5b24f["buildDesignSystem()"]
  4bf69ed2_937e_8db8_e3d5_dbd0af3cc6e4 -->|calls| c58d3214_88d6_f4fc_257f_8e84def5b24f
  style 4bf69ed2_937e_8db8_e3d5_dbd0af3cc6e4 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