Less.js: css calc( {percentage} -/+ {pixel amount} ) outputs as calc({percentage - pixel amount as percentage})

[andrew-luhring]

example:

less:

a {

  left : calc(50% - 40px);
  width: 40px;
}

gets compiled as:

css

a {
  left: calc(50% - 40%);
  width: 40px;

}

/* or */

a {
  left: 10%;
  width: 40px;
}

What do?

[radium-v]

Is Strict Math enabled when you build? http://lesscss.org/usage/#command-line-usage-strict-math

You could try escaping the value:

a {
  left: calc(~"50% - 40px");
  width: 40px;
}

[seven-phases-max]

Yes: --strict-math.
Closing as duplicate of #974.