3

sassのファウンデーション版でボタンスタイルの背景色を変えたいです。

_buttons.scss のソースを見ると、「button-style」という mixin があることがわかります。その中で、'background-colour' には変数 $bg の値が与えられます。

ただし、ミックスインまたはそのファイル内の $bg の定義はありません。

その行から '$bg' を削除してカスタム カラーを追加することもできますが、それは問題を引き起こす汚い解決策です。

$bg はどこで定義されていますか?

4

3 に答える 3

2

私自身も同じように戸惑いました。$bg には mixin 宣言で値が割り当てられています

@mixin button-style($bg:$primary-color...)

そしてここ

@mixin button($padding:$button-med, $bg:$primary-color,...) {
 ...
  @include button-style($bg, $radius, $disabled);
}

ここで $primary-color を置き換えることができますが、すべてのボタンに影響します。より良いアイデアは、新しいボタン クラスを作成し、好みの色をパラメーターとしてこの mixin を呼び出すことです。

.new-button{
  @include button-base;
  @include button-size;
  @include button-style(your-preferred-color);
}

これをコンパイルして .new-button クラスを使用します

于 2013-09-16T19:58:48.110 に答える
1

別の方法

.new-button { $primary-color: #whatevercolor; @include button; }

宣言でを設定しているため$primary-color、スコープはその宣言内に含まれています。

于 2013-12-11T19:13:23.083 に答える