Also with SCSS and CoffeeScript.
Copy .bem/
, GNUmakefile
, package.json
, blocks/
, pages/
to your project root.
Run npm install
for install all dependencies from package.json
.
Just run make
and it builds only whats needed.
Run bem create block -l blocks <blockname>
for create new block, with HAML, SCSS, and CoffeeScript techs by default.
Run bem create block -l pages <pagename>
for create new page, with only HAML tech by default.
Declare new BEM-items by DECL
func:
- DECL :link do |content, href|
%a.link(href=href)
= DO content
Use them in pages and in other blocks with DO
:
- DO :link, "http://yandex.com" do
%strong
Yandex.com
Run make
and you get:
pages/<pagename>/<pagename>.haml.html
-- HTML result for HAML templates.blocks/ALL.css
andblocks/ALL.js
-- CSS and JS for all blocks in project, you can use them at any page.
All templates for create new files defined in .bem/techs/*.js
.