Open Questions

Submodules vs. Modifiers

Submodule:

 .m-module
   color: blue

 .m-module_submodule
   @extend .m-module
   color: red

 <div class="m-module_submodule">

Cons:

• No nice way to use multiple variations of a module on one element

------- vs. -------

Modifier classes:

 .m-module
   &.modifier
     color: red

 <div class="m-module.modifier">

Pros:

• really easy to use multiple modifiers on one element (e.g. <div class="m-module.centered.right">)

Cons:

• If you use multiple modules on one element that specify the same modifiers they can't be used independent of each other (e.g. <div class="m-module1.m-module2.centered">)