Ventajas Practicas LESS 3

Comparación de patrones
/ Expresiones condicionadas:
A veces quieres cambiar el comportamiento de un mixins basándote en algún parámetro dado.

Ejemplo:

.mixin (@s; @color) { ... }
.class {
  .mixin(@switch; #888);
}

Con esto definimos que nuestra class mixin, tiene una variable color que en un principio es #888.

Teniendo el comportamiento dado, decimos que trabaje diferente basándonos en el valor @switch.
Dandole un valor oscuro, y uno claro. Añadimos la propiedad display: block. y al llamar @swich: light.
nos devuelve: switch con una modificación porcentual y mostrado en bloque.

.mixin (dark; @color) {
  color: darken(@color, 10%);
}
.mixin (light; @color) {
  color: lighten(@color, 10%);
}
.mixin (@_; @color) {
  display: block;
}

Sí usamos:

@switch: light;
.class {
  .mixin(@switch; #888);
}

Nos compilará:

 .class {
  color: #a2a2a2;
  display: block;
}

Donde el color está basado en mixin "light". Sí el valor hubieses sido "dark", nos debería dar un resultado oscuro.

Recomiendo la lectura  http://amatellanes.github.io/lesscss.org/
Aunque seguiremos profundizando en el tema...
Haremos un resumen de todo lo que llevamos y sumaremos un poco más.