4

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

scss ファイルでは、プライマリ カラーとアクセント カラーが $primary および $accent scss 変数に割り当てられます。

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

前もって感謝します

4

2 に答える 2

2

関連するものとして@Johnの回答を数えています。カスタム テーマのインポートに失敗した後、何が変更されたのかわかりません。答えを完全にするために、次のようなものを使用しています：

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

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

SVG コンポーネントのスタイルを設定しようとしている人への追加情報:

コンポーネントのメタデータで「encapsulation: ViewEncapsulation.None」を使用します。SVG はシャドウ DOM をサポートしておらず、angular2 カプセル化のエミュレーション モードは、SVG コンポーネントに対して無効な属性を CSS セレクターに追加します。

于 2016-10-10T09:09:12.493 に答える
1

$primary変数を変更または使用しようとしているファイルで import ステートメントを使用する必要がある場合があります。フロントエンド フレームワークの scss を使用しており、main.scss ファイルでこれを行う必要があります。

@import "frontEndFramework.scss";

于 2016-10-10T07:29:56.123 に答える