Concatenate strings in Less

by

Use Variable Interpolation:

@url: "@{root}@{file}";

Full code:

@root: "../img/";
@file: "test.css";

@url: "@{root}@{file}";

.px{ background-image: url(@url); }

More Related Contents:

  1. Why I can see Less instead of CSS in a browser [closed]
  2. How to prevent Less from trying to compile CSS calc() properties?
  3. Disable LESS-CSS Overwriting calc() [duplicate]
  4. Is there a SASS.js? Something like LESS.js?
  5. Using variables in property names in LESS (dynamic properties / property name interpolation)
  6. How to thematize in lesscss
  7. less.js not working in chrome
  8. Double border with different color [duplicate]
  9. import .css file into .less file
  10. What does an “&” before a pseudo element in CSS mean?
  11. Defining Variable Variables using LESS CSS
  12. Twitter’s Bootstrap 3 grid, changing breakpoint and removing padding
  13. Build list of selectors with LESS
  14. Less lists as a mixin argument(s)
  15. LESS CSS: abusing the & Operator when nesting?
  16. How to add different CSS style to every nth element, depending on n using LESS
  17. How do I extend a class/mixin which has dynamically formed selector
  18. Is a relative path in a CSS file relative to the CSS file?
  19. LESS: Unrecognized input error when using Bootstrap
  20. LESS mixin a variable class name
  21. LESS CSS nesting classes
  22. Does LESS have an “extend” feature?
  23. Less CSS: Mixins with Variable Number of Arguments
  24. Media Query grouping instead of multiple scattered media queries that match
  25. Less and Bootstrap: how to use a span3 (or spanX [any number]) class as a mixin?
  26. What does the “~” (tilde/squiggle/twiddle) CSS selector mean?
  27. Is there a CSS hack to affect Safari only NOT Chrome?
  28. Setting height: 100% on my label element doesn’t work
  29. Bootstrap 3 Slide in Menu / Navbar on Mobile [closed]
  30. How to use CSS position sticky to keep a sidebar visible with Bootstrap 4

Leave a Comment