@gr4vy/poutine-tokens

0.20.0 • Public • Published

Poutine Tokens

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.

Get Started

Install Dependencies

yarn add @gr4vy/poutine-tokens

Import (ES6)

import { ColorPositive60 } from '@gr4vy/poutine-tokens/js/tokens'

console.log(`${ColorPositive60} sparks joy 🎉`)

Import (JSON)

import tokens from '@gr4vy/poutine-tokens/json/tokens.json'

console.log(`${tokens.color.positive[80]} sparks joy 🎉`)

Import (SCSS)

@use '@gr4vy/poutine-tokens/scss/_variables.scss' as *;

.error {
  background-color: $color-negative-60;
}

Readme

Keywords

none

Package Sidebar

Install

npm i @gr4vy/poutine-tokens

Weekly Downloads

521

Version

0.20.0

License

MIT

Unpacked Size

48.1 kB

Total Files

22

Last publish

Collaborators

  • luca-gr4vy
  • gr4vy!
  • douglaseggleton
  • cbetta