在mixin上使用变量或在Less.js中扩展

Question

Using variable on mixin or extend in Less.js as follow will throw error.

@bar : bar;

.@{bar} {
  background: yellow;
}

// ParseError: Missing closing ')'
.foo {
  .@{bar}(); 
}

// Not work
.jam {
  &:extend(.@{bar});
}

Has Less.js a proper syntax to call mixin with variables?

Answer 1

You are trying to call a mixin using selector interpolation, which is not possible .

As for extend, Less documentation states it clearly :

Extend is NOT able to match selectors with variables. If selector contains variable, extend will ignore it.