angle/material2の$ primary scss変数の使用

Question

角度/材質2のアプリケーションでカスタムテーマを作成するために、angular-cliとテーマガイドを使用しています。

scssファイルではプライマリとアクセントの色が$ primaryと$ accentのscss変数に応じて割り当てられます。

カスタムコンポーネントのscssスタイルで$ primary変数を使用する方法はありますか？ atemptの結果： '未定義の変数：angular-cliがコンポーネントのスタイルシートをコンパイルしようとすると、「$ primary」'

はあなたが$primary変数を変更したり、使用しようとしているファイルでimport文を使用する必要があり、事前

Answer 1

でいただきありがとうございます。私は、フロントエンドのフレームワークからSCSSを使用して、そして私のmain.scssファイルでこれをしなければならないのです。私は、関連するとして@ジョンの答えの答えを期待してい

@import "frontEndFramework.scss";

Answer 2

。 unsuccesfuly私のカスタムテーマをインポートしようとした後に変更されたものが見つかりません。

@import '../my-custom-theme.scss'; 

g > .title { 
    fill: md-color($primary); 
} 

スタイルのSVGコンポーネントにしようとして誰にも追加情報：

使用「カプセル化：ViewEncapsulation.None」コンポーネントのメタデータ内だけでの回答のcompletenesのために、私のようなものを使用しています。 SVGはshadow DOMをサポートしておらず、angular2カプセル化のエミュレーションモードは、SVGコンポーネントに対して有効ではないcssセレクタに属性を追加します。