如何输入属性作为mixins的参数

Question

目前我这样做

mox(first, second)
  {first} second

a
  mox(transition, 0.3s linear all)

我想要的是实际调用mixin，如

mox(transition 0.3s linear all)

mox会是什么样的？注意缺少逗号，我目前也得到了

a{transition:0.3s}

这也不起作用：

mox()
  arguments

a
  mox transition 0.3s linear all

Answer 1

Stylus允许您使用arguments关键字来表示功能。您可以对此进行迭代以获取传入的每个参数。

Answer 2

要做你想做的事，你需要使用interpolation。

而不是做

mox()
  arguments

a
  mox transition 0.3s linear all

尝试

mox(prop, args)
  {prop} args

a
  mox('transition', 0.3s linear all)

结果Try Stylus

您也可以省略括号

mox(prop, args)
  -webkit-{prop} args
  {prop} args

a
  mox 'transition', 0.3s linear all