Poutine tokens contains all of the design tokens for building interfaces at Gr4vy. These are platform agnostic and exported to common formats, e.g. SCSS variables, CSS, JSON and ES6.
npm install @gr4vy/poutine-tokensPoutine tokens contains all of the design tokens for building interfaces at Gr4vy. These are platform agnostic and exported to common formats, e.g. SCSS variables, CSS, JSON and ES6.
``sh`
yarn add @gr4vy/poutine-tokens
`ts
import { ColorPositive60 } from '@gr4vy/poutine-tokens/js/tokens'
console.log(${ColorPositive60} sparks joy 🎉)`
`ts
import tokens from '@gr4vy/poutine-tokens/json/tokens.json'
console.log(${tokens.color.positive[80]} sparks joy 🎉)`
`scss
@use '@gr4vy/poutine-tokens/scss/_variables.scss' as *;
.error {
background-color: $color-negative-60;
}
``