Natively Pronounced Mandarin

    postcss-color

    1.0.1 • Public • Published

    postcss-color Build Status

    PostCSS plugin to transform latest W3C CSS color module syntax to more compatible CSS.

    This plugin can:

    Installation

    $ npm install postcss-color
    

    Usage

    // dependencies
    var fs = require("fs")
    var postcss = require("postcss")
    var color = require("postcss-color")
     
    // css to be processed
    var css = fs.readFileSync("input.css", "utf8")
     
    // process css
    var output = postcss()
      .use(color())
      .process(css)
      .css

    Using this input.css:

    body {
      background: 
        rgb(102, 51, 153)
        linear-gradient(
          color(rebeccapurple a(50%)),
          hwb(020%40%),
          color(hwb(020%40%.5) a(+10%)),
          color(#9d9c a(90%))
        )
    }
     

    you will get:

    body {
      background: 
        rgb(102, 51, 153)
        linear-gradient(
          rgba(102, 51, 153, 0.5),
          rgb(153, 51, 51),
          rgba(153, 51, 51, 0.55),
          rgba(153, 221, 153, 0.9)
        )
    }

    Checkout tests for more examples.

    Options

    color (default: true)

    Allow you to disable transformation of color()

    hexAlpha (default: true)

    Allow you to disable transformation of #RRGGBBAA or #RGBA

    hwb (default: true)

    Allow you to disable transformation of hwb()

    rebeccapurple (default: true)

    Allow you to disable transformation of rebeccapurple


    Contributing

    Work on a branch, install dev-dependencies, respect coding style & run tests before submitting a bug fix or a feature.

    $ git clone https://github.com/postcss/postcss-color.git
    $ git checkout -b patch-1
    $ npm install
    $ npm test
    

    Changelog

    License

    Install

    npm i postcss-color

    DownloadsWeekly Downloads

    47

    Version

    1.0.1

    License

    MIT

    Last publish

    Collaborators

    • jonathantneal
    • moox
    • semigradsky