@applyとスタイルのDOMモジュールは、ポリマー2.0で

Question

を動作しません私は自分のスタイルdom-moduleをしたいのですが、私は@apply CSSのディレクティブを使用して好きなので、私はのような何かを行うことがしたい：

<dom-module id="my-styles"> 
<template> 
    <style> 
    html { 
    --big-title: { 
    font-size: 1.3em; 
    text-transform: UPPERCASE; 
    } 
    } 
    </style> 
</template>> 
</dom-module> 

しかし、私はそれを行う場合：

<dom-module id="my-element"> 
    <template> 
    <style include="my-styles"> 
     h1 { 
     @apply --big-title; 
     } 
    </style> 
    ... 
    </template> 
</dom-module> 

は、悲しいことに、これは動作しません。なぜ私は分からない。私の質問は、スタイル化 dom-moduleソリューションと一緒に@apply指令を使用できますか？

Answer 1

代わりにプロパティを:hostに割り当てる必要があります。

チェックこの例： http://jsbin.com/dikacewulu/2/edit?html,output

ここで、:hostは、スタイル（そうmy-element）などの要素を指します。これらのルールをhtmlで利用可能にしたい場合は、:rootを使用できます。