css - 如何输入属性作为 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

要做你想做的事，你需要使用插值。

而不是做

mox()
  arguments

a
  mox transition 0.3s linear all

尝试

mox(prop, args)
  {prop} args

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

试用手写笔的结果

你也可以省略括号

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

a
  mox 'transition', 0.3s linear all

Answer 2

Stylus 允许您arguments对函数使用关键字。您可以对其进行迭代以获取传入的每个参数。