Grow your CSS skills. Land your dream job.

b.e.m abstractions organization

  • # March 8, 2013 at 1:27 am

    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.

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".