@volue/design-colors v3.0.3
design-colors
Color primitives/tokens to be used across Volue's products
Installation
npm install @volue/design-colors --save
Usage
JavaScript
In JavaScript, design token names are formatted in lower camelCase.
const tokens = require('@volue/design-colors');
console.log(tokens.colorBlue100); // rgb(0, 0, 0)
In JSON, design token names are formatted in SNAKE_CASE.
const tokens = require('@volue/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 '~@volue/design-colors/dist/index';
a {
color: $color-accent120;
}
2 months ago
3 months ago
3 months ago
4 months ago
4 months ago
4 months ago
5 months ago
9 months ago
9 months ago
8 months ago
6 months ago
9 months ago
9 months ago
8 months ago
8 months ago
7 months ago
7 months ago
6 months ago
7 months ago
7 months ago
7 months ago
11 months ago
11 months ago
12 months ago
12 months ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago