@powel/design-colors

3.0.0 • Public • Published

design-colors

Color primitives/tokens to be used across Powel's products

Screenshot

Installation

npm install @powel/design-colors --save

Usage

JavaScript

In JavaScript, design token names are formatted in lower camelCase.

const tokens = require('@powel/design-colors');
console.log(tokens.colorBlue100); // rgb(0, 0, 0)

In JSON, design token names are formatted in SNAKE_CASE.

const tokens = require('@powel/design-colors/dist/index.json');
console.log(tokens['COLOR_BLACK']); // rgb(0, 0, 0)

Sass

Sass variables and map keys are formatted in kebab-case.

// Using variables
@import '~@powel/design-colors/dist/index';

a {
  color: $color-accent120;
}

Readme

Keywords

none

Package Sidebar

Install

npm i @powel/design-colors

Weekly Downloads

3

Version

3.0.0

License

UNLICENSED

Unpacked Size

83 kB

Total Files

17

Last publish

Collaborators

  • fima1