Disable LESS-CSS Overwriting calc() [duplicate]

by

Using an escaped string (a.k.a. escaped value):

width: ~"calc(100% - 200px)";

Also, in case you need to mix Less math with escaped strings:

width: calc(~"100% - 15rem +" (10px+5px) ~"+ 2em");

Compiles to:

width: calc(100% - 15rem + 15px + 2em);

This works as Less concatenates values (the escaped strings and math result) with a space by default.

More Related Contents:

  1. How to prevent Less from trying to compile CSS calc() properties?
  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. What does an “&” before a pseudo element in CSS mean?
  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 to add different CSS style to every nth element, depending on n using LESS
  21. How do I extend a class/mixin which has dynamically formed selector
  22. Using calc() with tables
  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