CSS Calc() Functions Improperly Compressed According to Specifications

[own3mall]

yuicompressor-2.4.8 incorrectly compresses calc() CSS functions by removing white space between operators. According to the spec, the operators must be surrounded by white space to work. If they are not, the CSS property will not apply.

https://developer.mozilla.org/en-US/docs/Web/CSS/calc

"The + and - operators must always be surrounded by whitespace."

Yui Compressor products the following:

transform:translate(calc(-100%+30px),100%)}

It should instead be:

transform:translate(calc(-100% + 30px),100%)}

Will this be fixed in the next version?

[own3mall]

I think this issue is fixed in my branch.

https://github.com/own3mall/yuicompressor

[godchuanz]

Hi, do you have a built jar file for download, for the benefit of those of us without build tools?

[own3mall]

Yes, here it is:

https://github.com/own3mall/yuicompressor/releases/tag/2.4.9

Hope it helps with any calc minification needed.

On Mon, Apr 11, 2016 at 2:11 AM, godchuanz notifications@github.com wrote:

Hi, do you have a built jar file for download, for the benefit of those of
us without build tools?

—
You are receiving this because you authored the thread.
Reply to this email directly or view it on GitHub
#244 (comment)