Awesome. Thanks, Eric! It's a shame though, I kinda liked the hat and cat combinators. Looking at those little pointy ears always makes me chuckle :)
On Saturday, March 8, 2014 11:34:20 PM UTC+1, Eric Bidelman wrote: > > 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] <javascript:>> 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] <javascript:>. >> 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/d7c3c90d-c83a-4ec6-a9ad-620b7c1803c5%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
