EN
tadatuta
tadatuta
7 марта 2017

UPD: Опубликовали альтернативный вариант, см. https://ru.bem.info/forum/1274

Привет!

Мы написали скрипт, который нарезает стили Font Awesome на отдельные файлы и раскладывает их по БЭМ методологии:

fa/
    fa.css # общие стили
    _icon/
        fa_icon_500px.css
        fa_icon_address-book-o.css
        fa_icon_address-book.css
        fa_icon_adjust.css
        fa_icon_adn.css

Соответственно использование в BEMJSON выглядит так:

{ block: 'fa', mods: { icon: '500px' } }

А в HTML:

<div class="fa fa_icon_500px"></div>

Результат выполнения скрипта опубликовали в npm, так что теперь вы тоже можете сэкономить несколько десятков килобайт при использовании ограниченного набора иконок.

Для это потребуется установить библиотечку к себе на проект: npm i bem-font-awesome --save и добавить ее в сборку в качестве уровня переопределения.

Исходники лежат тут: https://github.com/tadatuta/bem-font-awesome

uradvd85
#uradvd85
10 марта 2017

Спасибо! Круто!
И Наша реализация для материал иконок от гугла
https://github.com/appwilio/bem-material-icons