BemPug — набор миксинов для Pug (ex Jade)

Привет, любителям Pug / Jade и БЭМ возможно будет интересен мой велосипед:

+b('alert', 'success')
    +e('text', 'bolder') Success

<div class="alert alert--success">
    <div class="alert__text alert__text--bolder">Success</div>
</div>

Подробнее на GitHub или NPM

7 years ago

А как же и прочие теги ?

7 years ago

Тег можно указать третьим аргументом, либо в объекте, либо по имени блока/элемента. Смотрите документацию, там есть все эти примеры.

7 years ago

можно еще юзать posthtml-bem + PUG https://github.com/rajdee/posthtml-bem

будет такой синтаксис

div(block='animals')
    div(elem='rabbit' mods='type:scurrying color:white')
    div(elem='dormouse' mods='type:sleeper color:red')

c тегами все просто)

7 years ago

ознакомился с документацией, очень интересно :)) а вы можете описать явные преимущества перед бемто, я просто на грани выбора хорошего миксина :)

7 years ago

Попробуйте и то и другое в деле и тогда сами решите для себя какой вариант предпочтительнее. Бемто минималистичнее, я пожертвовал этим ради гибкости.

Чтобы оставлять комментарии, необходимо авторизоваться.