/ Zurb's foundationのボタンカスタマイズ - css、ruby-on-rails、sass、zurb-foundation

Zurb's foundationのボタンカスタマイズ - CSS、Ruby-on-Rails、Sass、Zurb-Foundation

フレームワーク:Ruby on Rails。

私はこのコードを次のように挿入しました: foundation_and_overrides.scss

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

それは私にこのエラーを与える:

Sass :: SyntaxError at /にユニット(0.0625em)の数値を追加できません カラー(#f1f1f1)。

ZURBの財団の$ bg変数をカスタマイズするには?

回答:

回答№1は1

私はこの質問がZurb Foundation 4に関するものと仮定しています。

Zurb Foundation 4の文書によると、 button() mixinは6つの議論をとります。 ボタンの色は第2引数です。したがって、次のようにボタンの色を指定できます。

@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