css - Zurb 基础中的按钮定制

Question

框架: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 color (#f1f1f1).

ZURB基金会如何自定义$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 文档:

http://foundation.zurb.com/docs/components/buttons.html