AEM 6.1 Calc function in css is also minified in YUI compressor 2.4.8

[Nitin_Harikant]

Environment : AEM 6.1

Issue : While minifying css, the calc function is also minified.

Ex: if i have width:calc(100% - 30px) is minified to width:calc(100%-30px) which is invalid in css and it does not work as expected.

Workaround :   AEM 6.1(granite UI) uses latest YUI compressor which is 2.4.8. 

YUI compressor 2.4.8  does not have a check not to minify calc function.

So we might have to change YUI compressor to accommodate these changes

Clone https://github.com/yui/yuicompressor.git

Add https://github.com/yui/yuicompressor/pull/245 change to it

Build yuicompressor and update granite UI bundle with the new yuicompressor jar file, This fixes my calc minifying issue.

Do we have any other approach to fix this issue ?

[user2797012]

See https://wordpress.org/support/topic/yui-compressor-248-is-removing-spaces-for-calc-property/

[kautuk_sahni]

Please check this:- https://github.com/yui/yuicompressor/pull/245

Both issues :-https://github.com/yui/yuicompressor/issues/59  and https://github.com/yui/yuicompressor/issues/244 and https://github.com/yui/yuicompressor/issues/238 are fixed here.

Read comment section :- https://github.com/yui/yuicompressor/issues/244

~kautuk