MCPcopy
hub / github.com/tailwindlabs/tailwindcss / loadDesignSystem

Function loadDesignSystem

packages/tailwindcss/src/intellisense.bench.ts:5–22  ·  view source on GitHub ↗
()

Source from the content-addressed store, hash-verified

3import { Theme } from './theme'
4
5function loadDesignSystem() {
6 let theme = new Theme()
7 theme.add('--spacing-0_5', '0.125rem')
8 theme.add('--spacing-1', '0.25rem')
9 theme.add('--spacing-3', '0.75rem')
10 theme.add('--spacing-4', '1rem')
11 theme.add('--width-4', '1rem')
12 theme.add('--colors-red-500', 'red')
13 theme.add('--colors-blue-500', 'blue')
14 theme.add('--breakpoint-sm', '640px')
15 theme.add('--font-size-xs', '0.75rem')
16 theme.add('--font-size-xs--line-height', '1rem')
17 theme.add('--perspective-dramatic', '100px')
18 theme.add('--perspective-normal', '500px')
19 theme.add('--opacity-background', '0.3')
20
21 return buildDesignSystem(theme)
22}
23
24let design = loadDesignSystem()
25

Callers 1

Calls 2

addMethod · 0.95
buildDesignSystemFunction · 0.90

Tested by

no test coverage detected