@lightspeed/cirrus-tokens
What are tokens
?
Design Tokens are an abstraction for everything impacting the visual design of an app/platform.
This includes stuff like:
- font families
- typography scale
- spacing scale
- colors
- borders-radius
- media-queries
- animation timings
- etc...
It can be reused for multiple platforms (web, iOS, Android, etc...)
Some references on the subject:
Installation
$ npm install --save @lightspeed/cirrus-tokens
Usage
For JS Apps (experimental?)
import tokens from '@lightspeed/cirrus-tokens'
For other apps or for the usage of CSS only
You will need
With PostCSS import
add this line to your CSS or Sass file
@import '@lightspeed/cirrus-tokens/index.css';
Without PostCSS import
@import './node_modules/@lightpeed/cirrus-tokens/index.css';