web-dev-qa-db-ja.com

sassでbootstrap変数をオーバーライドするには?

Bootstrap 4.を設定するために、_variable.scssファイルから_custom.scssに設定をコピーしたいのですが、ソースコードに_custom.scssファイルが見つかりませんでした。この_custom.scssファイルをプロジェクトに追加しますか?

11
SUNGRAIZ FARYAD

ブートストラップ4は大ヒットです。彼らはそれを完全に書き直しました。したがって、変数を非常に簡単にオーバーライドできます。以下に示すように、_ custom-variables.scssファイルを作成し、_ variables.scssbootstrap.scssの前にインポートするだけです。 enter image description here

オーバーライドする変数をコピーし、_ custom-variables.scssに貼り付けて、必要に応じて値を変更します。また、!default属性も削除します。もう一度コンパイルして完了します。 !default属性は!importantの逆です。以前に宣言された変数の値を取ります。

16
SUNGRAIZ FARYAD