*ps:* Of course, I meant to say that I would be able to use these document
level styles by applying classes to any tag *in the Local DOM of any custom
element* in the app.
On Thursday, 16 July 2015 12:39:25 UTC-7, Kelly St. John wrote:
>
> Hi All,
>
> I'm currently in the midst of migrating an app built on polymer 0.5.4 to
> 1.0. In the 0.5 app I leveraged the core-style element throughout in order
> to apply common styling amongst the various custom elements. I'm not a CSS
> expert by any means (a relative newbie actually), and could really use an
> example of how to do the same using the new 1.0 styling paradigms. I like
> the idea of using a document-level element (via an external html file) to
> store application-level common styles. For instance, one would presume I
> could then place something like this in that document level external file:
>
> <style is="custom-style">
>
> .center {
> @apply(--layout-center);
> }
>
> .horizontal {
> @apply(--layout-horizontal);
> }
>
> .vertical {
> @apply(--layout-vertical);
> }
>
>
> </style>
>
>
> And use these document level styles by applying classes to any tag in the
> app, like:
>
> <div class="horizontal center">
>
> However, that approach doesn't seem to be working at the moment. I'm
> likely missing something with the scoping of CSS styles in Polymer 1.0, or
> maybe even barking down the wrong path entirely. I want to employ a
> theming strategy that will continue working as Polymer evolves beyond 1.0.
> I do not want to rewrite this application anytime soon...or it will likely
> be necessary for me to look for other employment. Can someone kindly point
> me in the right direction, please?
>
> 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/f3d8b0d9-1eab-4e1c-b36a-3558fec6b393%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
