Наверно каждый веб-программист пользовался хоть раз шрифтовыми иконками. Font Awesome, Typicons и иже с ними знакомы каждому. Но вот беда - тащить ради нескольких иконок целый шрифт (а то и не один) довольно накладно. Что-то надо с этим делать.
После статьи про БЭМ CSS погрузился в дивный мир современных CSS технологий. В связи с тем, что сам я в основном работаю с Rails, то как оказалось я немного отстал от жизни и пропустил такую интересную штуку как PostCSS, которая потихоньку становится мэйнстримом, чему в немалой степени способствует застой в мире SASS, Compass, Stylus и иже с ними.
В статье Добавляем стили в БЭМ проект мы научили БЭМ проект понимать CSS. Но мы живём уже в 21 веке и использовать голый CSS уже как-то стремновато. Есть же SASS и Stylus. Поэтому давайте-ка задействуем всю мощь этих технологий и попробуем подключить их к нашему БЭМ проекту.
Наш проект из статьи Создаём минимальный проект на БЭМ c нуля умеет генерировать только HTML. Теперь настало время добавить генерацию CSS файлов.
