postcss-hsl-color-function

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

Usage no npm install needed!

<script type="module">
  import postcssHslColorFunction from 'https://cdn.skypack.dev/postcss-hsl-color-function';
</script>

README

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)