Advanced color manipulation for node-sass. Read the API docs ›
Chromatic is a node-sass wrapper around chroma.js with a few Sass-specific additions.
Here are a few things Chromatic can do for you:
Because of it's ability to support the LAB color space, Chromatic's color manipulation abilities can act as drop-in improvements for Sass's native color manipulation functions such as darken, saturate, and mix.
Install chromatic via NPM.
npm install chromatic-sass
To use Chromatic, provide it in your node-sass configuration.
var sass = require "node-sass"
var chromatic = require "chromatic-sass"
sass.render({
file: scss_filename,
functions: chromatic
}, function(err, result) { /*...*/ });
Chromatic returns an object defining custom functions that can be used with any node-sass build system. To provide your own custom javascript Sass functions alongside chromatic, merge chromatic with your custom functions object before providing it in your node-sass configuration.
var _ = require "lodash";
var myFunction = {
'echoString($str)': function(str) {
return new sass.types.String(str);
}
};
var sassFunctions = _.merge(chromatic, myFunction);
/*...*/
Utilize Chromatic functions in your stylesheets as you would any other Sass function:
.element {
background-image: chromatic-gradient(to right, blue, red);
}
To compile the coffee-script source, npm install, then:
Chromatic is written by Max Luster
Released under MIT license.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4