I've been wondering about this, too. Afaik the only way to get bootstrap to work across shadow dom boundaries is to adjust the selectors to use the /shadow-deep/ combinator. However, I'm wondering if using something like bootstrap is even idiomatic to web components. Perhaps what we need is something like a set of bootstrap-like styled web components? So instead of
<button type="button" class="btn btn-default">Default</button> We could do something like <button is="bootstrap-button" class="default">Default</button> On Wednesday, May 21, 2014 12:40:27 PM UTC+2, Karsten Becker wrote: > > Hi, > I have a polymer application that is heavily using elements. The overall > look of the page should be bootstrap, so I used applyAuthorStyle for all > elements. This works well up to the latest carnary chrome, which now > ignores those. So my app is basically broken there, and probably will be in > a foreseeable future. > > My first attempt at fixing this is by linking the bootstrap css from each > polymer-element, which works, but the performance penalty is way too big. > The site is flickering all over the place. So I was wondering, did anyone > work on a bootstrap version with ::shadow and /deep/ that I could use to > globally style my page? > > Or am I missing another way of doing things? > > Karsten > 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/b888ba55-93f0-4de7-a236-3002bab13926%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
