custom-style vs shared-styles in polymer

Viewed 4228

Polymer has support for <style is="custom-style"> which allows you to define styles that only apply to elements, e.g. the shadow DOM.

Polymer also has support for <dom-module id="shared-styles"> which allows you to package a set of style declarations that can be imported into an element definition.

Thus the point of both of them seems to be to allow you to style a polymer element. Why would you use one over the other? The use cases overlap substantially, it seems.

Additional confusion: shared-styles can be imported into custom-style. Why would you do this? Why not?

1 Answers
Related