postcss/postcss-color-function

Color functions not being processed

Closed this issue · 4 comments

Beginner question. I'm running PostCSS/postcss-color-function via Gulp and tried a reduction to get to the bottom of my issue. I have this task:

var postcss = require("gulp-postcss"); 
var colorFunction = require("postcss-color-function");

gulp.task("css", function(){
    var processors = [
    colorFunction
        ];
    gulp.src("preCSS/styles.css")
    .pipe(postcss(processors))
    .pipe(gulp.dest("output"));
});

Given this input:

.thing {
   color: color(white a(90%));
}

I am getting this (same) output:

.thing {
   color: color(white a(90%));
}

Is this due to the way I am configuring?

MoOx commented

this plugin doesn't use recent postcss api. Meanwhile, use

var processors = [
    colorFunction() // plugin is a function that generate a function
        ]
MoOx commented

Please keep this issue open. I will close when it will be "fixed".

No problem. Thanks.

MoOx commented

Closed by 5682af2