Home / Function/ loadDesign() — tailwindcss Function Reference

loadDesign() — tailwindcss Function Reference

Architecture documentation for the loadDesign() function in sort.test.ts from the tailwindcss codebase.

Entity Profile

Dependency Diagram

graph TD
  d89aa997_cb08_6f18_62b8_43a135a9bd32["loadDesign()"]
  35c3c06c_16c4_cf74_8db0_ff582227714d["sort.test.ts"]
  d89aa997_cb08_6f18_62b8_43a135a9bd32 -->|defined in| 35c3c06c_16c4_cf74_8db0_ff582227714d
  style d89aa997_cb08_6f18_62b8_43a135a9bd32 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/sort.test.ts lines 5–15

function loadDesign() {
  return __unstable__loadDesignSystem(`
    @theme {
      --spacing-1: 0.25rem;
      --spacing-3: 0.75rem;
      --spacing-4: 1rem;
      --color-red-500: red;
      --color-blue-500: blue;
    }
  `)
}

Domain

Subdomains

Frequently Asked Questions

What does loadDesign() do?
loadDesign() is a function in the tailwindcss codebase, defined in packages/tailwindcss/src/sort.test.ts.
Where is loadDesign() defined?
loadDesign() is defined in packages/tailwindcss/src/sort.test.ts at line 5.

Analyze Your Own Codebase

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

Try Supermodel Free