如何将动态参数传递给参数LESS mixin?

时间:2017-08-06 17:24:59

标签: less

我一直在玩参数化的LESS mixins,我不得不说到目前为止我对这种灵活性非常满意。我的问题是标题,但在某些情况下,这是我试图实现的目标:

.animation-factory(@name; @from; @to) {
  @keyframes @name {
    from {
      @from();
    }
    to {
      @to();
    }
  }
  animation: @name 0.5s ease-in-out forwards;
}

.opacity-factory(@value) {
  '@opacity-${value}': {
    opacity: @value;
  };
}

然后,在用于淡化元素的LESS代码的其他位中,例如:

#my-element {
  opacity: 0;
  &.active {
    .animation-factory(
      show-my-element,
      .opacity-factory(0),
      .opacity-factory(1)
    ); 
  }
 }

我希望能够做到这一点的原因是我发现我正在创建许多规则集样板代码,因此能够动态生成它会更有吸引力。

这可能吗?

0 个答案:

没有答案