Css 如何创建与变量值同名的mixin？

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

$param = 'color';

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

.foo {
  color: red;
}

它被渲染为

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

但我需要

.foo {
  color: #008000;
}

也许，我不知道，怎样才能把它做好。
我怎样才能得到它？

我从触控笔的维护者那里得到：

您可以使用define bif和匿名函数执行此操作：

---

你想把变量传递给mixin吗？那.foo{@include color；}呢？@KrisHollenbeck，不只是在里面，也用mixin的名字。@Ser-Gen，好的，那将是

{}

插值语法。不幸的是，这对mixin不起作用。请参阅更新的答案。另见@kariem，不，我需要mixin的名字中的变量值。这个例子只是为了演示，而不是用例。

$param = 'color'

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

.foo
  color red