0

Foundation 4 ボタンを使用すると、ミックスインを使用してデザインをカスタマイズできます。これはほとんどの要素で同じです。

ただし、ミックスインがカスタマイズに公開しない設定が多数あります。たとえば、次のようなものがあります。 フォントの色 ホバー効果 境界線の色

これらはすべて、ボタンの背景色に基づいて計算されます。ボタンは単なる例ですが、他のすべての要素でも同じ問題があります。

mixin によって公開されていないパーツをカスタマイズする推奨される方法はありますか? ソースに入って実際の mixin 定義を変更したくありません。私の設計仕様が Foundation のデフォルトと大きく異なる場合、Foundation を使用しない方がよいでしょうか?

4

1 に答える 1

1

ほとんどすべての設定は、SASS 変数を使用してカスタマイズできます。最も一般的なものは_variables.scssでアクセスできますが、実際のコンポーネント SCSS ファイルで使用される他の変数を上書きできます。

まだ変数を持たない値については、CSS を使用してスタイルをオーバーライドし、オーバーライドをラッパー mixin に含めることができます。元：

@mixin my-button-style($bg:$primary-color, $radius:false, $disabled:false) {
  @include button-style($bg, $radius, $disabled);

  /* CSS overrides go here */
  border-color: pink; /* etc */

}
于 2013-10-16T22:05:10.467 に答える