css - 如何使用Stylus语法输出变量

如果我在手写笔中有一些这样的变量：

emphasisBackground = emphasis(0%, emphasisTop, emphasisBottom)
emphasisHover = emphasis(20%, emphasisTop, emphasisBottom)
emphasisActive = emphasis(-10%, emphasisTop, emphasisBottom)

重点是我自己的mixin，它返回一些属性，例如背景，过滤器（对于IE）等。
如何显示这些变量？

a
  emphasisBackground

这行不通，Stylus认为这是属性，而不是变量

a unquote(s('%s',emphasisBackground))

这也不起作用，它只是打印IE的filter属性，但不是打印变量的所有行

我是否必须将这些东西转换成mixins？

最佳答案

获得这种效果的一种方法是嵌套mixins

// Mixin that does the work (whatever that is)
emphasis(percent, eStart, eStop)
  .
  .
  .

// Helper mixins
emphasisBackground
  emphasis(0%, emphasisTop, emphasisBottom)

emphasisHover
  emphasis(20%, emphasisTop, emphasisBottom)

emphasisActive
  emphasis(-10%, emphasisTop, emphasisBottom)

然后像现在一样使用它。

a
  emphasisHover

如果不能接受，您可以添加一些关于您正在做的事情的详细信息，我会帮助您。

关于css - 如何使用Stylus语法输出变量，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19230863/