brand-colors is a collection of colors works available in sass, less, stylus and css
Installation
npm install brand-colors
bower install brand-colors
Usage
scss
;}
less
;}
in webpack
- use relative path to the
node_modules
, for example:
app |_node_modules |_src |_css |_appless
in app.less:
'../../node_modules/brand-colors/dist/latest/less/brand-colors.latest.less';
- use webpack's resolve mechanism
'~brand-colors/dist/latest/less/brand-colors.latest.less';
sass
stylus
;}
css
` This text is spotify-green This div has a spotify-green background
postcss
Use postcss-brand-color plugin. Add it to PostCSS:
and use *-color
names:
Run brand-colors.com locally
If you want to work on the static homepage, just run the following commands and you will get a live-reloading server listening for changes in /app and brandColors.js
npm installgulp dev
Brands
Full list of colors A lot fo the colors comes from brandcolors.net, so a huge shout out to @galengidman.
reimertz.co · GitHub @reimertz · Twitter @reimertz