Nothing Particularly Magnificent

    postcss-plugin-hsluv

    0.1.1 • Public • Published

    postcss-plugin-hsluv

    PostCSS plugin for HSLuv color model functions

    HSL Lightness HSLuv Lightness
    hsl hsluv

    Usage

    npm install postcss-plugin-hsluv

    postcss.config.js

    module.exports = {
      plugins: {
        'postcss-plugin-hsluv': {}
      }
    }

    Example

    Input

    div {
      background: hsluv(12050%50%);
      color: hsluv(12050%85%);
    }

    Todo

    • Transform to HSL instead of hex
    • Support for alpha values
    • Tests

    Acknowledgements

    Full credit for HSLuv color model and its design goes to hsluv/shluv and its maintainers. This postcss plugin merely uses the javascript implementation from the repository.

    Install

    npm i postcss-plugin-hsluv

    DownloadsWeekly Downloads

    3

    Version

    0.1.1

    License

    MIT

    Unpacked Size

    38.6 kB

    Total Files

    10

    Last publish

    Collaborators

    • yliaho