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