Issue with Minify CSS Files option and CSS Custom Properties

[stoyan0v]

Hey @tdewolff

In some cases where we make calculations with calc() – this breaks everything because the calc function doesn’t know what units to take into consideration

It should be like this margin: var(--margin, 0px) but the minify makes it like this margin: var(--margin, 0) – without unit.

Is there a flag or something we can use to leave the units for calc values only?

Regards,
Stanimir

[tdewolff]

Thanks for the report. I will look into fixing this!

[tdewolff]

Are you using the latest version? When I minify

span {
   margin:var(--a,5px)
}

I get span{margin:var(--a,5px)}, so the px stays. In what way does calc come into play here? Can you give an example that is being minified wrong?

[stoyan0v]

Hey @tdewolff

If the value is not 0, everything works as expected, but if you have the following property:
margin: var(--margin, 0px) the minify removes the px from the code, which causes issues.

Regards,
Stanimir

[tdewolff]

Ok, pushed out a fix. It's a quick-fix, functionality around functions should definitively be improved.

[stoyan0v]

Hey @tdewolff

Do you have any plans to release a new CLI version with this patch included?

Regards,
Stanimir

[tdewolff]

Yes! See 2.9.14

[stoyan0v]

Wow, that was fast. Thanks a lot :)