mixins-named-args.less

.mixin (@a: 1px, @b: 50%) {
  width: (@a * 5);
  height: (@b - 1%);
  args: @arguments;
}
.mixin (@a: 1px, @b: 50%) when (@b > 75%){
  text-align: center;
}

.named-arg {
  color: blue;
  .mixin(@b: 100%);
}

.class {
  @var: 20%;
  .mixin(@b: @var);
}

.all-args-wrong-args {
  .mixin(@b: 10%, @a: 2px);
}

.mixin2 (@a: 1px, @b: 50%, @c: 50) {
  width: (@a * 5);
  height: (@b - 1%);
  color: (#000000 + @c);
}

.named-args2 {
  .mixin2(3px, @c: 100);
}

.named-args3 {
  .mixin2(@b: 30%, @c: #123456);
}