loadDesignSystem() — tailwindcss Function Reference

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

Function typescript Oxide PreProcessors

Entity Profile

Oxide→ PreProcessors→ loadDesignSystem() — tailwindcss Function Reference

Dependency Diagram

graph TD
  cc5f0a55_0452_4334_c4c6_10619772fa1f["loadDesignSystem()"]
  990dee4e_5b68_07e6_cd0a_85b8ef8a1dfe["intellisense.test.ts"]
  cc5f0a55_0452_4334_c4c6_10619772fa1f -->|defined in| 990dee4e_5b68_07e6_cd0a_85b8ef8a1dfe
  style cc5f0a55_0452_4334_c4c6_10619772fa1f 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;
    }
  `)
}