Try polyfill-next-selector { content: ':host > *' }
On Sat, Dec 13, 2014 at 5:08 AM, <[email protected]> wrote:
>
> I'm having a similar issue I have this style inside my polymer element (
> *not* core-style):
>
> polyfill-next-selector { content: '> *' }
> ::content > * { margin: 1em 10px; }
>
> That works as expected in Chrome, but not in Firefox 34.0.
>
>
> On Wednesday, 12 November 2014 23:06:10 UTC, Eric Bidelman wrote:
>>
>> +Steve is this a bug in core-style?
>>
>> On Thu, Nov 13, 2014 at 6:01 AM, Average Joe Developer <
>> [email protected]> wrote:
>>
>>> Hi, I have a *core-style* definition that I am including in a custom
>>> polymer element. Inside the *core-style* definition, I have some CSS
>>> that tries to apply based on if an attribute starts with a certain prefix
>>> or contains a certain string:
>>>
>>> [class^="myprefix-"], [class*=" myprefix-"] {
>>>> font-size: 16px;
>>>> color: #0071C5;
>>>> }
>>>>
>>>>
>>> This works perfect in Chrome, but in Firefox the ^ symbol seems to be
>>> stripped from the CSS when the *core-style* is parsed and placed inline
>>> in my element's shadow dom. Instead, I see that it translates to the
>>> following when I used the "Style Editor" in Firefox to look at the inline
>>> CSS. If I manually add the ^ in the Style Editor, the CSS renders as
>>> expected in the page.
>>>
>>> my-custom-element[class="myprefix-"], my-custom-element [class*="
>>>>> myprefix-"] {
>>>>
>>>> font-size: 16px; color: rgb(0, 113, 197);
>>>>
>>>> }
>>>>
>>>>
>>> Has anyone else seen this type of behavior?
>>>
>>> Thanks!
>>>
>>> Follow Polymer on Google+: plus.google.com/107187849809354688692
>>> ---
>>> You received this message because you are subscribed to the Google
>>> Groups "Polymer" group.
>>> To unsubscribe from this group and stop receiving emails from it, send
>>> an email to [email protected].
>>> To view this discussion on the web visit https://groups.google.com/d/
>>> msgid/polymer-dev/5030b403-21a2-41a7-b25d-46dde818245b%
>>> 40googlegroups.com
>>> <https://groups.google.com/d/msgid/polymer-dev/5030b403-21a2-41a7-b25d-46dde818245b%40googlegroups.com?utm_medium=email&utm_source=footer>
>>> .
>>> For more options, visit https://groups.google.com/d/optout.
>>>
>>
>> Follow Polymer on Google+: plus.google.com/107187849809354688692
> ---
> You received this message because you are subscribed to the Google Groups
> "Polymer" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to [email protected].
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/polymer-dev/e40e2592-da19-4429-a425-990227c7a0ee%40googlegroups.com
> <https://groups.google.com/d/msgid/polymer-dev/e40e2592-da19-4429-a425-990227c7a0ee%40googlegroups.com?utm_medium=email&utm_source=footer>
> .
>
> For more options, visit https://groups.google.com/d/optout.
>
Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups
"Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/polymer-dev/CACGqRCCe74Jp0OUPZ%3DO6shCqm0YUgDmQfmKFLnPX1699yUNC5Q%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.
