less学习（七）—作为函数使用的Mixin

All variables defined in a mixin are visible and can be used in caller's scope (unless the caller defines its own variable with the same name)（所有在混合里定义的变都是可见的并且可以在调用混合的css规则集里使用，除非这个调用混合的css有它自己的相同名字的变量）

.mixin() {  @width:  100%;  @height: 200px;}.caller {  .mixin();  width:  @width;  height: @height;}

输出为：

.caller {  width:  100%;  height: 200px;}

Thus variables defined in a mixin can act as its return values. This allows us to create a mixin that can be used almost like a function（因此，在混合里定义的变量能以它返回的值起作用。者就允许我们去创建一个类似函数的混合）

.average(@x, @y) {  @average: ((@x + @y) / 2);}div {  .average(16px, 50px); // "call" the mixin  padding: @average;    // use its "return" value}

输出为：

div {  padding: 33px;}