Color zero units

Good day! I’m using clean-css with gulp. My versions are: npm list clean-css: └─┬ gulp-clean-css@3.0.4 └── clean-css@4.0.10

The issue is with colors zero units. Example: In: color: hsl(0,0%,100%); Out: color: hsl(0,0,100%); hsl(0,0,100%); is wrong and browsers ignore such colors.

I solve it only if deny removing units 0 value with option “zeroUnits”. In code a bug-factor is

return value
    .replace(unitsRegexp, '$1' + '0' + '$2')
    .replace(unitsRegexp, '$1' + '0' + '$2');

If i’m wrong and it’s not a bug sorry.

[mirisuzanne]

@jakubpawlowicz - I’m hitting it too. This seems like a regression, and the issue should be re-opened.

[johnnyoshika]

I had to disable zeroUnits to get around this problem:

cleanCSS({
      compatibility: {
        properties: {
          zeroUnits: false
        }
      }
    })