These are chat archives for bem/talk

12th
Jan 2018
Vladimir Grinenko
@tadatuta
Jan 12 2018 14:12

@akazorg

I was wondering if Bootstrap and Bulma are using BEM. Do you know about?

nope, for some reason they don't use BEM. But modern component libs like Material Design Lite (https://getmdl.io/faq/#css-naming-conventions) do.

Vladimir Grinenko
@tadatuta
Jan 12 2018 16:24

@abohannon the main missing this is the fact that you avoid elements of elements (see https://en.bem.info/methodology/quick-start/#nesting-1).

Here's how it can be solved:

<div id="js-app" class="app">
    <div class="app__main">
        <div class="app__top">
            <div class="app__top-temp"></div>
            <div class="app__top-city"></div>
        </div>
        <div class="app__image"></div>
    </div>
    <div id="js-sub1" class="app__secondary">
        <div class="app__secondary-left"></div>
    </div>
    <div id="js-sub2" class="app__secondary">
        <div class="app__secondary-left"></div>
    </div>
    <div id="js-sub3" class="app__secondary">
        <div class="app__secondary-left"></div>
    </div>
</div>

@tayurus

Is it correct to locate elements and blocks on one level?

Sure, absolutely!

gitter group is kinda dead :(
please, ask your questions at https://telegram.me/bem_en
tayurus
@tayurus
Jan 12 2018 19:59
@tadatuta thanks!