css-loader 0.15.1 breaking multiple transforms

[kylecesmat]

Problem

Updated to the latest css-loader in my project and had issues with declarations where I had multiple transforms happening. Here is an example:

transform: translate(-50%, -50%) scale(1,1);

This would then be compiled to:
transform: translate(-50%, -50% scale(1,1));

I tried troubleshooting with newer/older versions of style-loader, sass-loader, postcss-loader etc and the only solution that worked was to revert css-loader back to 0.14.5.

Only thing that I changed from my initial config was updating css-loader to the latest and it broke. Might be related to #87?

[wmonk]

+1 for this issue. Also discovered it yesterday. I'm running version 0.15.1 too.

[markdalgleish]

I can't reproduce this issue. I tried adding your transform example to https://github.com/css-modules/webpack-demo and it compiled fine. Can you update your dependencies and verify you're still experiencing this?

[wmonk]

@markdalgleish is working for me now... quick sample of dependencies that are now working:

├─┬ [email protected]
│ ├── [email protected]
│ ├── [email protected]
│ ├── [email protected]
│ ├── [email protected]
│ ├── [email protected]
│ ├── [email protected]
│ ├── [email protected]
│ └── [email protected]

It doesn't look like anything has actually been updated in the time between my last comment and now. I tried adding to tests in css-loader and postcss but could never recreate it there either.

[joshwiens]

If this is still an issue on v0.26.1 (i'm guessing not) please open a new issue and reference this one.