Design sanctioned colors for SPS Commerce libraries and applications compiled into various formats.
npm install @spscommerce/ds-colors> Design approved colors distributed in various formats
``
npm install --save @spscommerce/ds-colors
yarn add @spscommerce/ds-colors
`
Now choose a format that you'd like to use. The following formats are available:
* CommonJS
* CSS Variables
* JSON
* Less
* SCSS
* YAML
If you want more formats please open a pull request.
`js`
const colors, { red100 } = require('@spscommerce/ds-colors');
console.log(colors.red100); // > #ffeaec
console.log(red100); // > #ffeaec
`js`
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);
}
`
`bash`
ln -s path/to/node_modules/@spscommerce/ds-colors/colors.json colors.json
`less
@import 'path/to/node_modules/@spscommerce/ds-colors/colors.less';
.myclass {
color: @gray400;
}
`
`scss
@import '@spscommerce/ds-colors/colors.scss';
.myclass {
color: $gray400;
}
`
`bash``
ln -s path/to/node_modules/@spscommerce/ds-colors/colors.yml colors.yml