loadDesignSystem() — tailwindcss Function Reference

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

Function typescript OxideEngine PreProcessors calls 2

Entity Profile

OxideEngine→ PreProcessors→ loadDesignSystem() — tailwindcss Function Reference

Dependency Diagram

graph TD
  355fe08b_f60b_3860_26b3_b4da300a811c["loadDesignSystem()"]
  14271861_6b03_2978_86b0_a7e8dcd458a0["intellisense.bench.ts"]
  355fe08b_f60b_3860_26b3_b4da300a811c -->|defined in| 14271861_6b03_2978_86b0_a7e8dcd458a0
  06ed9408_12cf_7ddd_a435_8cdd942de1d4["add()"]
  355fe08b_f60b_3860_26b3_b4da300a811c -->|calls| 06ed9408_12cf_7ddd_a435_8cdd942de1d4
  9b965fd7_d8e9_0b43_cd5d_c9294ab598ed["buildDesignSystem()"]
  355fe08b_f60b_3860_26b3_b4da300a811c -->|calls| 9b965fd7_d8e9_0b43_cd5d_c9294ab598ed
  style 355fe08b_f60b_3860_26b3_b4da300a811c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/intellisense.bench.ts lines 5–22

function loadDesignSystem() {
  let theme = new Theme()
  theme.add('--spacing-0_5', '0.125rem')
  theme.add('--spacing-1', '0.25rem')
  theme.add('--spacing-3', '0.75rem')
  theme.add('--spacing-4', '1rem')
  theme.add('--width-4', '1rem')
  theme.add('--colors-red-500', 'red')
  theme.add('--colors-blue-500', 'blue')
  theme.add('--breakpoint-sm', '640px')
  theme.add('--font-size-xs', '0.75rem')
  theme.add('--font-size-xs--line-height', '1rem')
  theme.add('--perspective-dramatic', '100px')
  theme.add('--perspective-normal', '500px')
  theme.add('--opacity-background', '0.3')

  return buildDesignSystem(theme)
}