通过另一个 Mixin 参数值包含一个 SASS Mixin答案

【问题标题】：Include a SASS Mixin via another Mixin Parameter Value通过另一个 Mixin 参数值包含一个 SASS Mixin
【发布时间】：2012-04-23 11:34:24
【问题描述】：

我有这个：

如您所见，我目前有一个包含按钮样式混合的条件，无论如何我可以自动包含一个吗？例如：

@mixin button($color)
  @include button-#{$color}

【问题讨论】：

【解决方案1】：

看到上面的标记，我假设您已经尝试过插值，但它不起作用。只是一个想法-extend 在这种情况下不是更合适吗？即扩展单个 button-* mixins 具有一定的圆润度。

话虽如此，您已经将按钮 $color 参数化了，但您正在退后一步，根据变量值添加包含预定义 mixin 的额外复杂性！我假设您已经开始使用 button-blue...button-tree mixins，然后出现需要 $circle 切换的要求？

如果您实际上是在 button mixin 之外使用 button-blue...button-tree，我想说将“多个 ifs”切换逻辑抽象为一个函数指令如

@function include-button-mixin($color) {
  @if $color == blue
    @include button-blue
  ...
}

【讨论】：