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
  e0cc84e6_e4c7_13a1_857f_f5130334c1ea["loadDesign()"]
  69a28f5e_2075_0282_fbb9_22eea3ba130b["sort.test.ts"]
  e0cc84e6_e4c7_13a1_857f_f5130334c1ea -->|defined in| 69a28f5e_2075_0282_fbb9_22eea3ba130b
  style e0cc84e6_e4c7_13a1_857f_f5130334c1ea 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