Less 变量（Variables）和 混合（Mixins）用法

无需多说，看代码一目了然：

@width: 10px;
@height: @width + 10px;

#header {
width: @width;
height: @height;
}
编译为：

#header {
width: 10px;
height: 20px;
}

混合（Mixin）是一种将一组属性从一个规则集包含（或混入）到另一个规则集的方法。假设我们定义了一个类（class）如下：

.bordered {
border-top: dotted 1px black;
border-bottom: solid 2px black;
}
如果我们希望在其它规则集中使用这些属性呢？没问题，我们只需像下面这样输入所需属性的类（class）名称即可，如下所示：

#menu a {
color: #111;
.bordered();
}

.post a {
color: red;
.bordered();
}
.bordered 类所包含的属性就将同时出现在 #menu a 和 .post a 中了。（注意，你也可以使用 #ids 作为 mixin 使用。）

文章来自 http://www.dgtais.cn