Variable variables`Const`

variables: { "--sanSerif": string; "--serif": string } = ...

CSS custom variables for the design system. These variables provide global access to tokens throughout your application's CSS. When using CSS variables, you can access token values in any CSS context.

Type declaration

--sanSerif: string
--serif: string

Example

 .element: {
   fontFamily: 'var(--serif)',
   color: 'var(--umd-color-red)',
   fontSize: 'var(--umd-font-size-lg)',
   padding: 'var(--umd-space-md)'
 }

See

Font families - All available font families
Color tokens - All available color tokens
Spacing tokens - All available spacing tokens
Font size tokens - All available font size tokens

Since

1.3.0

Variable variablesConst

Type declaration

--sanSerif: string

--serif: string

Example

See

Since

Settings

Variable variables`Const`