sass - 如何在 sass 版本的 foundation 中设置按钮的背景颜色？

Question

我想在 sass 的基础版本中更改按钮样式的背景颜色。

查看 _buttons.scss 的源代码，我可以看到有一个名为“button-style”的 mixin。在其中，'background-colour' 被赋予变量 $bg 的值。

但是，mixin 甚至那个文件都没有 $bg 的定义。

我可以从该行中删除“$bg”，并添加自定义颜色，但这是一个会导致问题的肮脏解决方案。

$bg在哪里定义的？

Answer 1

我自己也有同样的困惑。事情是 $bg 在 mixin 声明中被分配了一个值

@mixin button-style($bg:$primary-color...)

在这里

@mixin button($padding:$button-med, $bg:$primary-color,...) {
 ...
  @include button-style($bg, $radius, $disabled);
}

你可以在这里替换 $primary-color 但它会影响你所有的按钮。一个更好的主意是创建一个新的按钮类，并使用你喜欢的颜色作为参数调用这个 mixin

.new-button{
  @include button-base;
  @include button-size;
  @include button-style(your-preferred-color);
}

编译并使用 .new-button 类