Nested Calc and IE11

A while ago, I stumbled upon the weird behavior of IE11 to not accept a CSS calc keyword inside another calc function.

For example, this won't work in IE11:

.foo {
    width: calc(100vw - calc(20% - 10px));
}

while this would work:

.foo {
  width: calc(100vw - (20% - 10px));
}

So I wrote a little PostCSS plugin to fix it. You can find the package and more Information on https://www.npmjs.com/package/postcss-remove-nested-calc