/scss/_bootstrap.scss
部分を調べると(正しい順序で他のすべての部分部分がまとめられています)、上部に次のように表示されます。一部/scss/_custom.scss
がパーシャル/scss/_variables.scss
より前に解析されたことを意味します。 :あなたが名前の部分的に見れば
// Core variables and mixins
@import "custom";
@import "variables";
が/scss/_variables.scss
あなたが行が表示されます:
$body-bg: #fff !default;
!default
はSASS/SCSSでフォールバックに等しいです。したがって、この特定の行の前に変数に値が割り当てられていない場合は、デフォルトで#fff
になります。変数にこの行に遭遇したときにすでに値が割り当てられている場合、その値は再割り当てされません。 /scss/_variables.scss
の行はスキップされます。
あなたが望むことを行う適切な方法は、次のとおりです。 1)scss/_custom.scss
という名前の部分をエディタで開きます。これは、他のすべての部分(/scss/_variables.scssを含む)の前に解析されているためです。 2)という変数の行をコピーして、scss/_variables.scss
部分から/scss/_custom.scss
に貼り付けます。 3)値#fff
を任意の値に変更します。 4)!default
という語を削除してください(/scss/_custom.scss
の行から)。 5)/scss/custom.scss
を保存し、/scss/bootstrap.scss
を再コンパイルしてください。
/scss/_variables.scss
にあるすべての変数を使って、このようにする必要があります。 EDIT:私はこう言っていました:出荷されたブートストラップ変数(scss/_variables.scss
)を変更する場合は、このようにする必要があります。
/scss/_reboot.scss
(/scss/_variables.scss
の後に解析される)では、背景は変数にあるものに設定されます。 :
body {
// Make the `body` use the `font-size-root`
font-family: $font-family-base;
font-size: $font-size-base;
line-height: $line-height-base;
// Go easy on the eyes and use something other than `#000` for text
color: $body-color;
// By default, `<body>` has no `background-color` so we set one as a best practice.
background-color: $body-bg;
}
/scss/_variables.scss
内の変数は!default
旗を持っていないが、それは/scss/_custom.scss
から無効にすることができるように、一つは本当に、要求された場合、その後、あなたはGitHubのレポで問題を開き、/要求を議論する必要があります。
詳細な回答、ありがとう!$ body-colorがすでにプリセットされているブートストラップをCDN経由でロードしたい場合は、どのように処理するのか知っていますか? !重要なのは、正しい方法のように思える、私は正しい? – rapstacke
はい、私は恐れています。 CSSがscssからコンパイルされると。 –
入力が速すぎます。 –