node package manager
It’s your turn. Help us improve JavaScript. Take the 2017 JavaScript Ecosystem Survey »

less-husl

less-husl

Less.js plugin that lets you specify colors in HUSL color space.

See http://www.husl-colors.org/ for details.

Installation

With npm:

npm --save-dev install less-husl

...or clone the repo, then run npm install.

Example

// stylesheet.less 
@hue        : 180; // 0..360 
@saturation :  75; // 0..100 
@lightness  :  66; // 0..100 
// 
@my_color   : husl( @hue@saturation@lightness );

Usage

With lessc

lessc --plugin=[path-to-cloned-repo]\lib\husl.js <stylesheet.less>

With gulp

// gulpfile.js 
var less = require( 'gulp-less' );
var husl = require( 'less-husl' );
// 
var lessOpts =
{
    paths   : ['./src/less'],
    plugins : [husl] 
};
 
gulp.task( 'css', function()
{
    gulp
        .src ( ['./src/less/index.less'] )
        .pipe( less( lessOpts ) )
        .pipe( gulp.dest(' ./dist' ) );
});
// ...