@spscommerce / ds-colors

设计批准的颜色分布在各种格式

npm install --save @spscommerce/ds-colors

# OR

yarn add @spscommerce/ds-colors

现在选择一种您想要使用的格式。以下格式可供选择：

• CommonJS
• CSS变量
• JSON
• 少
• SCSS
• YAML

如果你想要更多的格式，请打开拉请求。

CommonJS

const colors, { red100 } = require('@spscommerce/ds-colors');
console.log(colors.red100); // > #ffeaec
console.log(red100); // > #ffeaec

ES模块

import { colors } from '@spscommerce/ds-colors';
console.log(colors.red100); // > #ffeaec

CSS变量

@import 'path/to/node_modules/@spscommerce/ds-colors/colors.css';

.myclass {
    color: var(--gray400);
}

JSON

ln -s path/to/node_modules/@spscommerce/ds-colors/colors.json colors.json

少

@import 'path/to/node_modules/@spscommerce/ds-colors/colors.less';

.myclass {
    color: @gray400;
}

SCSS

@import '@spscommerce/ds-colors/colors.scss';

.myclass {
    color: $gray400;
}

YAML

ln -s path/to/node_modules/@spscommerce/ds-colors/colors.yml colors.yml