A color palette for UI design
You can install the color palette using npm:
npm install --save siimple-colors
Or you can install it using bower:
bower install siimple-colors
The source files included are written in SASS and stored in ./src. You can import all the mixins included on the package like this:
@import "/path/to/siimple-colors/src/_mixins.scss";
For each color, there is a variable called with the format $siimple-colors-{color}-{number}, where {color} is one of the colors of the palette, and {number} is an integer from 0 to 4. Also, the base color is stored as a variable with the format $siimple-colors-{color}, where {color} is one of the colors of the palette.
Also, you have a compiled CSS version of this module placed in the ./dist folder. Simply include it on your HTML file:
<link rel="stylesheet" type="text/css" href="./path/to/siimple-colors/dist/siimple-colors.css">You can also include the minimized CSS version:
<link rel="stylesheet" type="text/css" href="./path/to/siimple-colors/dist/siimple-colors.min.css">You need gulp to build and generate the SASS/SCSS and the CSS files for this package. Also, you need to install all the dependencies. For this, navigate to the root of this package and run:
npm install
The colors that compose this module are stored in data.json. SASS/SCSS files like _variables.scss, _colors.scss and _palette.scss can be generated running the following command:
gulp compile
If you want to compile the SASS files and generate the CSS version of this module, run:
gulp build
This will generate a file called siimple-colors.css placed in the ./dist/ folder. And if you want to minimize the builded CSS file, run:
gulp minimize
This will generate a file called siimple-colors.min.css placed in ./dist/.
Please visit the main page of this package for getting more information and usage details.
MIT LICENSE © Josemi Juanes.