Question

框架：Ruby on Rails。

我将此代码插入： foundation_and_overrides.scss

.button-facebook {
  $bg: #000;
  @include button($bg);
}

它给了我这个错误：

Sass :: SyntaxError at /无法将单位（0.0625em）的数字添加到a 颜色（＃f1f1f1）。

如何在ZURB的Foundation中自定义$ bg变量？

Answer 1

我假设这个问题是关于Zurb Foundation 4。

根据Zurb Foundation 4的文件， button() mixin有六个参数，和按钮颜色是第二个参数。因此，您可以按如下方式指定按钮颜色：

@import "foundation/components/buttons";
.button-facebook{
  $bg: #000;
  @include button($button-sml, $bg, false, false, false, false);
}

第一个细分是按钮的填充，您可以使用$button-tny，$button-sml，$button-med，$button-lrg，emCalc(NNNpx)等等。

有关详细信息，请参阅Zurb Foundation 4文档：