How to prevent Less from trying to compile CSS calc() properties?

by

Less no longer evaluates expression inside calc by default since v3.00.

Original answer (Less v1.x...2.x):

Do this:

body { width: calc(~"100% - 250px - 1.5em"); }

In Less 1.4.0 we will have a strictMaths option which requires all Less calculations to be within brackets, so the calc will work “out-of-the-box”. This is an option since it is a major breaking change. Early betas of 1.4.0 had this option on by default. The release version has it off by default.

More Related Contents:

  1. Disable LESS-CSS Overwriting calc() [duplicate]
  2. Why I can see Less instead of CSS in a browser [closed]
  3. How do I debug CSS calc() value?
  4. Why the CSS calc() function is not working? [duplicate]
  5. Sass Variable in CSS calc() function
  6. CSS Calc alternative
  7. Is there a SASS.js? Something like LESS.js?
  8. Using variables in property names in LESS (dynamic properties / property name interpolation)
  9. How to thematize in lesscss
  10. less.js not working in chrome
  11. Double border with different color [duplicate]
  12. import .css file into .less file
  13. Defining Variable Variables using LESS CSS
  14. Twitter’s Bootstrap 3 grid, changing breakpoint and removing padding
  15. Build list of selectors with LESS
  16. Less lists as a mixin argument(s)
  17. calc() not working within media queries
  18. LESS CSS: abusing the & Operator when nesting?
  19. Why doesn’t min() (or max()) work with unitless 0?
  20. How do I extend a class/mixin which has dynamically formed selector
  21. Using calc() with tables
  22. LESS: Unrecognized input error when using Bootstrap
  23. LESS mixin a variable class name
  24. Concatenate strings in Less
  25. LESS CSS nesting classes
  26. Does LESS have an “extend” feature?
  27. Less CSS: Mixins with Variable Number of Arguments
  28. Media Query grouping instead of multiple scattered media queries that match
  29. Less and Bootstrap: how to use a span3 (or spanX [any number]) class as a mixin?
  30. Using modulus in css calc function

Leave a Comment