How do you suggest I separate skins from abstraction blocks in b.e.m. Take for example I have the following object in my “blocks” folder.
b-nav.css:
b-nav
{
}
Now I have classes that use this abstraction and build on them. They include toolbars, tabs, breadcrumbs, dropdown menus, and accordions. Each use the styles defined in the b-nav block. They are NOT modifiers.
Do I prefix each with b- and do they still appear in the root of the blocks folder according to what Smashing Magazine suggests?
http://coding.smashingmagazine.com/2013/02/21/the-history-of-the-bem-methodology/comment-page-1/#comment-642742
If you can think of a good way to separate them (by name and folder) let me know.