Component subclassing support?

Hi there! Our team just decided to start using ember-component-css (which has been great so far!) and in the process of cramming scss files into our pods, I ran across a situation where we have two components that both subclass a base-widget component. The children widgets share some styling so I was like, “let me try cramming all those shared styles into the base-css pod”!

Unsurprisingly, it didn’t work because the base-widget styles assume anticipate a .base-widget-blah class applied to the component elements, but instead all they have is the .child-widget-blah class.

Right now, I’ve just bailed on using pod-bound styling for the shared styling but I’d love to see this case supported in the future!

[webark]

this is possible to do in the current system, though it is kind of clunky, and would be nice if it was streamlined. You can, however, do something like…

import podNames from "ember-component-css/pod-names"

classNames: [podNames["path/to/base/class"]]

This will add the namespaces class to the component, as well as still having its own generated namespace class.

[webark]

ahh… ok cool. no. I get ya. sometimes you would want to use a shared template or something and just override some behavior on the component.