css - 嵌套 Mixins LESS 解析错误

Question

我想做这个。但是我得到一个解析错误。使用 LESS 可以吗？

混合:

.fa-icon(@fa-pseudo-postion, @fa-icon, @fa-font-size, @fa-display-value) {
  &:@{fa-pseudo-postion} {
    content: @fa-icon;
    font-family: FontAwesome;
    font-size: @fa-font-size;
    display: @fa-display-value;
  }
}

正在使用中:

.fa-icon(before, @fa-plus, 16px, inline);

Answer 1

解决方法直到 this bug是固定的。

.fa-icon(@fa-pseudo-position, @fa-icon, @fa-font-size, @fa-display-value) {

  @pseudo-position: ~":@{fa-pseudo-position}"; // Workaround for this bug (https://github.com/less/less.js/issues/1294) remove when fixed

  &@{pseudo-position} {
    content: @fa-icon;
    font-family: FontAwesome;
    font-size: @fa-font-size;
    display: @fa-display-value;
  }
}