I think that CSS Variables spec <http://dev.w3.org/csswg/css-variables/> looks very promising in this context (supported by Firefox only for now).
It will require some efforts to reimplement bootstrap using css variables and it will not be bootstrap anymore. But this seems the only fair way to implement styling accross a bunch of components, shadow dom, etc. On Wednesday, May 21, 2014 8:52:22 PM UTC+3, Rob Dodson wrote: > > This is kind of where the old world bumps up against the new world. > Bootstrap was never designed to work with Web Components so it's not easy > to shoehorn it in. > > It sounds like what you want is for an element to know about and style its > internal structure, but externally you should be able to easily theme these > things so they look cohesive (probably by using /deep/). I don't think > there's a quick fix way to go about that. Bootstrap (and libraries like it) > will need to be rewritten to work in that model. > > FWIW, we talk about this exact issue _a lot_ and we're trying to come up > with good strategies to deal with it. So definitely don't take this as > dismissal in any way. It's just a tough nut to crack ;) > > > On Wed, May 21, 2014 at 8:30 AM, Douglas Hubler <[email protected] > <javascript:>> wrote: > >> I'm in the exact same situation with Polymer and Bootstrap in fact. I'm >> blissfully productive using leaking CSS. IMO Karsten was on the right >> track w/fixing this in bootstrap, there needs a adapter to be shadow dom >> aware. Maybe there's some clever less/sass/stylus hacking to make this >> painless. If i pull in a third party set of tags that are bootstrap >> based, then I should be able to apply same adapter to them as well. If >> third party has specified CSS locally, then that would be difficult I think >> and would be an argument against defining them locally IMO. >> >> 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/b7ea2376-0c7f-4383-8e6f-c0317a1a3b8e%40googlegroups.com >> >> <https://groups.google.com/d/msgid/polymer-dev/b7ea2376-0c7f-4383-8e6f-c0317a1a3b8e%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/47e00b75-e92f-4edf-be46-355ff123e061%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
