"filter" is being removed from CSS

[yairEO]

using .pipe(minifycss())

Before:

.confirmBox ~ * {
    filter: url("data:image/svg+xml;utf9,<svg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'><filter%20id='blur'><feGaussianBlur%20stdDeviation='3'%20/></filter></svg>#blur");
    -webkit-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
}

After:

.confirmBox ~ * {}

[ben-eb]

Please can you open this issue upstream? I think that this issue is related.

[yairEO]

SSO has so many open issues it seems like developers are too slow or maybe don't care enough. Is there any other gulp option which I can use that doesn't remove filter attribute for selectors? Thanks.

[ben-eb]

You can try https://github.com/jonathanepollack/gulp-minify-css as an alternative. :smiley:

[yairEO]

It has the same problem, which I also reported to them.

[ben-eb]

OK; the only other minifiers that I'm familiar with are:

• https://www.npmjs.com/package/gulp-crass/
• https://www.npmjs.com/package/gulp-cssshrink/

If you are having issues with this specific code and it won't pass a minifier, you might have to put the rule in a separate file which does not get processed, then concatenate it with your minified output. Or, submit a pull request to one of these repositories and use your fork until they get around to fixing it.

[yairEO]

gulp-cssshrink works great. Thanks a lot for your kind and quick help! well appreciated.

[ben-eb]

You're welcome. :smiley: