less-hsluv

2.1.3 • Public • Published

less-hsluv

LESS plugin that lets you specify colors in HSLuv color space.

See http://hsluv.org for details.

Installation

With npm:

npm i -D less-hsluv

…or clone the repo, then run npm i.

Example

@hue        : 180;
@saturation :  75;
@lightness  :  66;
 
@my-color   : hsluv(@hue@saturation@lightness);

API

new LessHusl()

Creates new plugin instance.

Functions

hsluv(@h, @s, @l)

Arguments:

  • @h : 0..360,
  • @s : 0..100,
  • @l : 0..100.

Aliases: husl.

hpluv(@h, @s, @l)

Arguments: see above.

Aliases: huslp, hpl.

hsluva(@h, @s, @l, @a)

Arguments:

  • @h : 0..360,
  • @s : 0..100,
  • @l : 0..100,
  • @a : 0..1.

Aliases: husla.

hpluva(@h, @s, @l, @a)

Arguments:

  • @h : 0..360,
  • @s : 0..100,
  • @l : 0..100,
  • @a : 0..1.

Aliases: huslpa, hpla.

Usage

With webpack 2

const LessHsluv         = require('less-hsluv');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
 
module.exports = {
  ...foo,
  module : {
    rules : [
      {
        test : /\.less$/,
        use  : ExtractTextPlugin.extract({
          use      : [
            'css-loader',
            {
              loader  : 'less-loader',
              options : {
                plugins : [new LessHsluv()],
              },
            }
          ],
          fallback : 'style-loader/useable'
        })
      }
    ]
  },
  ...bar
};

Package Sidebar

Install

npm i less-hsluv

Homepage

hsluv.org

Weekly Downloads

3

Version

2.1.3

License

MIT

Last publish

Collaborators

  • aliceklipper