.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); }