@launchpad-ui/vars

> Vanilla Extract design token references for LaunchPad styles.


Installation

``sh
$ yarn add @launchpad-ui/vars


or


$ npm install @launchpad-ui/vars
`

Usage

$3

`js
import { vars } from '@launchpad-ui/vars';
import { style } from '@vanilla-extract/css';

export const container = style({
backgroundColor: vars.color.bg.ui.secondary,
color: vars.color.text.ui.secondary,
padding: vars.spacing[500],
border: ${vars.border.width[300]} solid ${vars.color.border.ui.primary},
fontSize: vars.font.size[300],
});
``

Note

The @launchpad-ui/tokens package must be installed and its tokens imported to ensure styles are applied.