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

Created on 5 Feb 2015  ·  2Comments  ·  Source: less/less.js

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?

picture andrew-luhring
👍1

Most helpful comment

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;
}
picture radium-v on 5 Feb 2015
👍6

All 2 comments

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;
}
radium-v picture radium-v on 5 Feb 2015
👍6

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

seven-phases-max picture seven-phases-max on 6 Feb 2015
Was this page helpful?
0 / 5 - 0 ratings

Related issues

vicb picture vicb  ·  49Comments
lukeapage picture lukeapage  ·  37Comments
micooz picture micooz  ·  64Comments
rjgotten picture rjgotten  ·  118Comments
jonschlinkert picture jonschlinkert  ·  112Comments