Más LESS (Importación, interpolación)

Para incorporar comentarios recurriremos al estilo típico CSS.

/* Hola, soy un comentario CSS */

Muchas veces querremos importar información desde archivos externos, ¿cómo hacerlo?

@import "lib.css"; /* para CSS*/
h1 { color: green; }

@import "import/official-branding.css?urlParameter=23";

@import "library.less" screen and (max-width: 400px); // importación con media Queries
@import "library.less"; // importación sin media queries

.class {
  color: @importedColor; // uso de la variable importada
}

Cosas a saber en la importación.

•  Less coloca sus sentencias en la parte alta del código después de los charset a no ser que le digamos lo contrario e indiquemos donde. 

pre {
  color: #ff0000; // variable definida en library.less
}

• siempre que no indiquemos la extensión ".css" por ejemplo,  less intentará ejecutarlo. 
•  cualquier archivo que no sean .less .css será añadido al final del código. 
• Puedes obligar en las últimas versiones a interpretar de una forma determinada 

@import (css) "lib"
@import (less) "lib"
@import (css) "lib" 

Interpolación de Strings

Las variables se pueden introducir como parte de la cadena. 

@base-url: "http://"
background-image: url("@{base-url}/images/...")

Mopdo escape, cuando tenemos parte de código personal que no se puede interpretar ni por CSS ni por LESS usaremos ~ (Alt + 1 + 2 +6) junto a filter:

.class {filter: ~"ms:alwaysHasItsOwnSyntax.For.Stuff()";}

Puedes usar una interpolación como si fuese un string

.class {
@interpolacion: "cambio";
filter: ~" ms:alwaysHasItsOwnSyntax.For.Stuff()
}

Más interpolaciones permitidas: 

@name: blocked;
@{name} {
    color: black;
}

Salida: 

.blocked {
    color: black;
}