.matrix{...}
/* Local styles for modified versions of .matrix */
.matrix--products{...}
.matrix--events{...}
I set up a repo to help collect common/popular naming ideas for modules like .matrix, modifiers, and components, which are what you refereed to here as sub-components.
I'd love to see a post on sub-components, or the inside parts that make up a module. Curious if you prefer to use descendant selectors and nest sub-components:
.matrix .title, .matrix .body
Or do you come up with unique classes for each sub-component?
.matrix-title, .matrix-body
@Brett: I use .matrix-title and .matrix-body. I want to make sure that the sub-components are named in a way that is related to the module it belongs to.