loadDesignSystem() — tailwindcss Function Reference

Architecture documentation for the loadDesignSystem() function in intellisense.test.ts from the tailwindcss codebase.

Function typescript OxideEngine Extractor

Entity Profile

OxideEngine→ Extractor→ loadDesignSystem() — tailwindcss Function Reference

Dependency Diagram

graph TD
  7cffff57_c40d_4233_e816_9f614a2963df["loadDesignSystem()"]
  98e770dc_a4fd_a907_52e6_945a07710d34["intellisense.test.ts"]
  7cffff57_c40d_4233_e816_9f614a2963df -->|defined in| 98e770dc_a4fd_a907_52e6_945a07710d34
  style 7cffff57_c40d_4233_e816_9f614a2963df fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/intellisense.test.ts lines 9–31

function loadDesignSystem() {
  return __unstable__loadDesignSystem(`
    @theme {
      --spacing: 0.25rem;
      --colors-red-500: red;
      --colors-blue-500: blue;
      --breakpoint-sm: 640px;
      --aspect-video: 16 / 9;
      --font-sans: sans-serif;
      --font-weight-superbold: 900;
      --text-xs: 0.75rem;
      --text-xs--line-height: 1rem;
      --perspective-dramatic: 100px;
      --perspective-normal: 500px;
      --opacity-background: 0.3;
      --drop-shadow-sm: 0 1px 1px rgb(0 0 0 / 0.05);
      --inset-shadow-sm: inset 0 1px 1px rgb(0 0 0 / 0.05);
      --font-weight-bold: 700;
      --container-md: 768px;
      --container-lg: 1024px;
    }
  `)
}