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/a9f5874f-f886-4671-ae5b-1dfdd28b3345%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
