较少mixin变量调用mixin

Question

我有一个非常简单的例子，你可以看到：

.large{
  color: blue;
}

.a(@va){
  .large;
  ~".@{va}()";
}


a{
.a(large)
}

我一直试图通过调用.large() mixin来让.large;或.large工作。我一直收到错误：

Parse error: Unrecognised input
  .large;  ~".@{va}()";}

我该如何解决这个问题？

Answer 1

您不能通过存储在变量中的名称来调用mixin。您可以通过将mixin调用包装到"detached ruleset"来实现目标，例如：

.large {
    color: blue;
}

.a(@va) {
    @va();
}


a {
    .a({.large})
}

有other methods做类似事情（根据用例可能更有用/更合适）。