Concatenar cadenas en Less

Creo que esto no es posible, pero pensé preguntar en caso de que haya alguna manera. La idea es que tengo una variable para la ruta a la carpeta de recursos web:

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

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

Obtengo esto como resultado:

.px { background-image: url("../img/" "test.css"); }

Pero, quiero que las cadenas se combinen en una cadena como esta:

.px { background-image: url("../img/test.css"); }

¿Es posible concatenar cadenas juntas en Less?

Usar interpolación variable :

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

Código completo:

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

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

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

Como puede ver en la documentación , puede usar la interpolación de cadenas también con cadenas variables y simples juntas:

@base-url: "http://assets.fnord.com";
background-image: url("@{base-url}/images/bg.png");

Estaba buscando el mismo truco para manejar imágenes. Usé un mixin para responder esto:

.bg-img(@img-name,@color:"black"){
    @base-path:~"./images/@{color}/";
    background-image: url("@{base-path}@{img-name}");
}

Entonces puedes usar:

.px{
    .bg-img("dot.png");
}

o

.px{
    .bg-img("dot.png","red");
}

Para esos valores unitarios tipo cadena como 45degen transform: rotate(45deg)uso, la unit(value, suffix)función. Ejemplo:

// Mixin
.rotate(@deg) {
  @rotation: unit(@deg, deg);
  -ms-transform: rotate(@rotation);
  transform: rotate(@rotation);
}

// Usage
.rotate(45);

// Output
-ms-transform: rotate(45deg);
transform: rotate(45deg);

No sé si está utilizando less.js o lessphp (como en el complemento WP-Less para WordPress) pero con lessphp puede "entrecomillar" cadenas con ~: http://leafo.net/lessphp/docs/#string_unquoting

Usando Drupal 7. He usado una marca más ordinaria y está funcionando:

@images_path+'bg.png'