Hi Martin, ^ and ^^ have been replaced by /shadow/ and /shadow-deep/ in SD styling spec<http://dev.w3.org/csswg/shadow-styling/#inheritance>. Chrome Canary picked up native support as of a few days ago (make sure to have the "experimental web platform feature" flag turned on) and polyfill support works in the latest 0.2.1 release. We updated the styling article<http://www.polymer-project.org/articles/styling-elements.html#style-fromoutside> yesterday to reflect the renames.
Re: SASS. I opened this bug <https://github.com/nex3/sass/issues/1071> against the compiler some time ago, but now it's moot. The updated /shadow/ and /shadow-deep combinator names work with the sass compiler. The other gotcha with css pre-processors is that they strip out Polymer's /*@polyfill-* */ directives<http://www.polymer-project.org/docs/polymer/styling.html#directives> (because they're comments). To address this, we've moved to a css selector based approach that should be less error prone. Example polyfill rule: /*@polyfilll :host > .foo */ ::content > .foo { ... } Is now written using `polyfill-next-selector. The value of content is the selector to replace the next rule with: polyfill-next-selector { content: ':host > .foo'; } ::content > .foo { ... } We don't have documentation yet, but you can read more about it in https://github.com/Polymer/platform/issues/55. On Sat, Mar 8, 2014 at 10:56 AM, Martin Kleinschrodt < [email protected]> wrote: > Btw, there is one issue with using SASS: It currently does not recognize > the ^ and ^^ combinators as valid syntax and will throw a compilation error > if you use them. > > > On Friday, March 7, 2014 8:12:03 PM UTC+1, Ahuth wrote: >> >> Thanks for linke. That's a great example. I'll definitely have to dig >> into it. >> > 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/af308274-88e3-40a4-9620-2c439724572c%40googlegroups.com<https://groups.google.com/d/msgid/polymer-dev/af308274-88e3-40a4-9620-2c439724572c%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/CACGqRCDvPnWHD%3DR465UVg%2BvpKD%3DF-nyDbYH-_vvWwrJHU_8XJg%40mail.gmail.com. For more options, visit https://groups.google.com/d/optout.
