calc(expr) incorrectly parsed

[brbulic]

Example CSS

.step-header-brlje > ul.process-bar > li:not(:first-child):after {
  content: '';
  width: calc(100% - 16px);
  position: absolute;
  left: calc(-50% + 6px);
  top: 10px;
  border-top: 2px solid gray;
}

Result CSS:

.step-header-brlje > ul.process-bar > li:not(:first-child):after {
    content: '';
    width: calc(100% = 16px);
    position: absolute;
    left: calc(-50% = 6px);
    top: 10px;
    border-top: 2px solid gray;
}

Obviously the calc expressions are being parsed wrongly (notice the equal signs instead of math operators).

Can you assist ?

[brbulic]

Temporary fix is to escape the + and - characters

width: calc(100% \- 16px)

[clarkd]

Having the same issue here but the workaround is useful, thanks @brbulic

[T-Hugs]

This doesn't repro for me. Fixed?