Ng2コンポーネントスタイル "my-comp-style.scss"でpolymerのmixinおよびvarsプロパティにアクセスしようとしています。 すなわち：Angular2コンポーネントのコンテキストでポリマーのcss変数を参照することはできますか？
@apply(--shadow-elevation-2dp);
background: var(--primary-color, #666);
しかし--shadow仰角と--primary色は解釈されません。これを修正する方法はありますか？ mixinsとvarsを複製する必要はありません。
おそらくこれらのリンクは助けることができる：
をロブポリマーチームからは、ポリマー+サースを使用する方法について説明します。 https://www.youtube.com/watch?v=xA2hxpGS7yw
、別のスタックオーバーフローのスレッド：コンポーネントで参照 How to use Sass inside a Polymer component
スタイルと外部スタイルシート（CSSとSASSの両方）は、あなたがViewEncapsulation.Nativeを使用していないとき、<head>に<style>タグとして追加されます。
一部のブラウザではCSS変数がネイティブにサポートされていますが、ブラウザではCSS @apply mixinはサポートされていないことに注意してください。 PolymerはShadyCSSを使用してこの処理を行います。
ポリマー1.1は<style is="custom-style"></style>
ポリマー2.xはあなたがコンポーネントがngOnInit()で作成された後<head>をスキャンするサービスを作成し、is="custom-style"を追加したりしてラップすることができます<custom-style><style></style></custom-style>
を期待して期待していますShadyCSSを動作させるには<custom-style>が必要です。
これは、AngularとPolymer 2のスタイルを組み合わせて使用するために私がOrigamiで使用する戦略です。