/postcss-hsl-color-function

PostCSS plugin to transform HSL color function to more compatible CSS.

Primary LanguageJavaScriptMIT LicenseMIT

PostCSS HSL Color Function

PostCSS plugin to transform HSL color function to more compatible CSS.

Inspired and modified from postcss-sass-color-functions.

Installation

$ npm install postcss-hsl-color-function

Usage

postcss([require('postcss-hsl-color-function')])

Before:

.foo {
  color: hue(red, 120)
}

After:

.foo {
  color: rgb(0, 255, 0)
}

Checkout test.js for examples.

Currently supported functions

  • hue(color, degree)
  • saturation(color, percentage)
  • lightness(color, percentage)

and their aliases:

  • h(color, degree)
  • s(color, percentage)
  • l(color, percentage)