如何制作与变量值同名的mixin？答案

【问题标题】：How to make a mixin with the same name as the value of a variable?如何制作与变量值同名的mixin？
【发布时间】：2014-09-04 19:15:40
【问题描述】：

我有变量，需要用它的值构造mixin：

$param = 'color';

{$param}() {
  color: green;
}

.foo {
  color: red;
}

它呈现为

color() {
  color: #008000;
}
.foo {
  color: #f00;
}

但我需要

.foo {
  color: #008000;
}

也许，我不知道如何正确地做到这一点。
我怎样才能得到它？

【问题讨论】：

您是否只想将变量传递给 mixin？
.foo { @include color; 怎么样？ } ?
@KrisHollenbeck，不仅仅是在里面，还有 mixin 的名字。
@Ser-Gen，好的，这将是 #{} 插值语法。不幸的是，这不适用于 mixins。请参阅更新的答案。另见..stackoverflow.com/questions/15748937/…
@kariem，不，我需要 mixin 名称中的变量值。这个例子只是为了演示，不是用例。

标签： css stylus

【解决方案1】：

我从 Stylus 的维护者那里得到了answer：

您可以通过定义 bif 和匿名函数来做到这一点：

$param = 'color'

define($param, @() {
  color green
})

.foo
  color red

【讨论】：