如何将其移动到可以扩展的mixin中？

Question

我减少了2个文件： 在第一个文件中：

table.table-leaderboard-crucible thead tr {
  background-color: @crucible-background-color;
  color: @crucible-forefront-color;
}

在第二个档案中

  .crucible-widget {
    background-color: @crucible-background-color;
    color: @crucible-forefront-color;
  }

如何才能将第一个文件转换为可以扩展的mixin？基本上减少了已经定义的东西重复自己。我在这里查看文档：

http://lesscss.org/features/#mixins-feature

http://lesscss.org/features/#extend-feature

Answer 1

我只使用SASS但在LESS中几乎相同，所以你可能想尝试一下：

// the mixin
.foo (@bgcolor, @color) {
  background-color: @bgcolor;
  color: @color;
}

// call the mixin
.element {
  .foo(#000, #FFF);
}

// the result
.element {
  background-color: #000;
  color: #FFF;
}

在此处找到：lesscss.org