2

より濃いオレンジ色のスタイルを使用したいアプリに取り組んでおり、ファイルの sass バージョンから特定の変数をオーバーライドしようとしましたが、gulp を使用してコンパイルしても変更されません。奇妙なもう 1 つの点は、sass バージョンを使用する場合、デフォルトの色は青/藍ですが、github リポジトリからプリコンパイルされた css を使用する場合は、ティール カラー スタイルを使用することです。app.scss ファイルに次のものがあります

@import "vendor/bootstrap/_bootstrap";
@import "vendor/bootstrap-material/bootstrap-material-design";
@import "vendor/material/ripples";

リンクの色など、変更したい変数を追加して変数をオーバーライドしようとしましたが、うまくいきませんでした

@import "vendor/bootstrap/_bootstrap";
@import "vendor/bootstrap-material/bootstrap-material-design";
$link-color: $red !default;
@import "vendor/material/ripples";

テーマの全体的なカラー スタイルを変更する方法を知っている人はいますか?

4

3 に答える 3

0

この問題は、SASS パーシャルがアンダースコアで始まる必要があるか、そうでなければファイルが CSS ファイルにコンパイルされる可能性があります。

vendor/bootstrap-material/bootstrap-material-designはアンダースコアで始まらないため、 の後に定義された変数を考慮せずに CSS にコンパイルされている可能性があります@import。

また、現在 ( Bootstrap4 をサポートする次のメジャー リリースまで)、Bootstrap Material Designプロジェクトの sass ファイルは LESS ファイルから自動的に生成されることにも言及したいと思います。したがって、アンダースコアを前に付けても問題が解決しない場合は、LESS ファイルを変更し、CSS をコンパイルするか、SASS ファイルを生成することをお勧めします。

于 2016-05-11T17:01:22.753 に答える