search

bem-site / bem-forum-content-ru

Content BEM forum for Russian speak users
MIT License
56 stars 6 forks source link

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

Open werty1001 opened 7 years ago

werty1001 commented 7 years ago

Привет, любителям 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

reskwer commented 7 years ago

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

werty1001 commented 7 years ago

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

voischev commented 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 тегами все просто)

reskwer commented 7 years ago

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

werty1001 commented 7 years ago

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