hsl(a)/rgb(a) values don't seem to work

@value backgroundColor: hsla(220, 13.0%, 18.0%, 1);
.background {
  background-color: backgroundColor
}

Seems to result in

background-color: hsla(220);

Is that a bug? Or am I doing something wrong?

[lukehedger]

I’m using v1.1.1 via css-loader (with c24881e fix) but have come across a similar issue with commas…

This:

@value easing: cubic-bezier(.77, 0, .175, 1);

transition: all easing .5s;

compiles to:

transition: all cubic-bezier(.77 .5s;

In case it helps, another comma edge-case that also doesn’t compile correctly:

@value retina: (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi);

[geelen]

Fixed by https://github.com/css-modules/postcss-modules-values/commit/c24881e338f9857d2ecc91a4d10074b15d37552e (ignore the issue number in the commit message, need more ☕)