loadDesignSystem() — tailwindcss Function Reference

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;
    }
  `)
}