ブートストラップ4のカスタム変数はカスケードしませんか？

Question

ここでは、私が今夜発見した何かが不足しているのか疑問に思っているbootstrapのcustom.scssファイルのような不思議なことがあります。たとえば、$ blueをカスタム値（この場合＃000は読みやすくするため）に設定し、_custom.scssの！defaultフラグを削除するとしましょう。 _variables.scssファイルでは、$ brand-primaryの色は$ defaultに設定されています。 $ btn-primary-bgは$ brand-primaryに設定され、！defaultフラグも設定されます。ターン、

$brand-primary: $blue; set to #000 and then 
$btn-primary-bg: $brand-primary; also set to #000000 

まあ：

$blue: #000000; 

をcustom.scssファイルで、それはそのようにそれを作る、青$を使用して任意の変数までカスケードする必要がありますので、私の考えは、私が設定している場合でありますカスタムのsassファイルにこれら3つのインスタンスをすべてリストし、！defaultフラグを削除してからカスタムカラーに変更する必要があります。

代わりに私のカスタムシートがちょうど1行

$blue: #000000; 

を持つのカスタムカラーは、これらのクラスに適用される前だから、

$blue: #000000 ; 
$brand-primary: $blue; 
$btn-primary-bg: $brand-primary; 

する必要があります。

ここに何か不足していますか？カスタム色を一度設定して、それを参照する変数がそのカスタム色を参照するだけではいけませんか？この時点で私には効率が悪いようです。

Answer 1

[ここにリンクの説明を入力してください] [1]変数が定義されていることに問題はありません。おそらく、あなたはそれらをHTMLで使った方法を変える必要があります。定義された変数に基づいて提供された以下の例を見てください。 "$ blue"変数を削除し、 "$ brand-primary"変数の色を直接定義することをお勧めします！

[1]: https://jsfiddle.net/negin/t36ep4e8/