<p dir="auto">The <code class="notranslate">TemplateNormalizer</code> push the content of any <code class="notranslate">&lt;style&gt;</code> tag to the <code class="notranslate">styles</code> List discarding any <code class="notranslate">media</code> attribute (the same applies to <code class="notranslate">&lt;link rel="stylesheet"&gt;</code>).</p>
<p dir="auto">I guess we want to add support for that ?</p>
<p dir="auto">This would need some thinking wrt to <code class="notranslate">@import</code> rules (i.e. it would not be possible to only add them to <code class="notranslate">styleUrls</code> when a media query applies).</p>
<p dir="auto">I have the following in a component template:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;style is='custom-style'&gt;...&lt;/style&gt;"><pre class="notranslate"><code class="notranslate">&lt;style is='custom-style'&gt;...&lt;/style&gt;
</code></pre></div>
<p dir="auto">which is transformed and inserted under the 'head' tag:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;style&gt;...&lt;/style&gt;"><pre class="notranslate"><code class="notranslate">&lt;style&gt;...&lt;/style&gt;
</code></pre></div>
<p dir="auto">losing the "is='custom-style'" during the process.</p>
<p dir="auto">This marker is needed by polymer.</p>