在手写笔混合中添加前缀

Question

我有这个手写笔 mixin：

display()
  display: (-ms-)arguments
  display: (-webkit-)arguments
  display: arguments

在 CSS 中生成此内容：

.nav ul li a {
  display: -ms- flex;
  display: -webkit- flex;
  display: flex;
}

然而我想达到的目标是：

.nav ul li a {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
}

如何使用 Stylus 实现此目的？

Answer 1

你能不能就这样使用它，因为这是显示为 flex 的特殊场合？

display()
  display: -ms-flex
  display: -webkit-flex
  display: flex

.nav ul li a
  display()

或者甚至将其重命名为 displayFlex()，这样您就可以始终了解它的含义。