Zurb 基础中的按钮自定义

【问题标题】：Button customization in Zurb's foundationZurb 基础中的按钮自定义
【发布时间】：2013-08-24 20:16:03
【问题描述】：

框架：Ruby on Rails。

我将此代码插入到：foundation_and_overrides.scss

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

它给了我这个错误：

Sass::SyntaxError at / Cannot add a number with units (0.0625em) to a 颜色 (#f1f1f1)。

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

【问题讨论】：

【解决方案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 文档：

【讨论】：