Skip to content
BEM with HAML (also with SCSS and CoffeeScript)
JavaScript Ruby
Find file
Latest commit 1e03b97 @veged veged Update
Failed to load latest commit information.
.bem Init
blocks/.bem Init
pages/.bem Init
.gitignore Init
GNUmakefile Init Update
package.json Init


Also with SCSS and CoffeeScript.

How to use?

Get top level dependencies

Copy files

Copy .bem/, GNUmakefile, package.json, blocks/, pages/ to your project root.

Install npm-dependencies

Run npm install for install all dependencies from package.json.


Just run make and it builds only whats needed.

What can you do?

Create new files

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 BEM-items in HAML

Declare new BEM-items by DECL func:

- DECL :link do |content, href|
    = DO content

Use them in pages and in other blocks with DO:

- DO :link, "" do

Build pages HTML/CSS/JS

Run make and you get:

  • pages/<pagename>/<pagename>.haml.html -- HTML result for HAML templates.
  • blocks/ALL.css and blocks/ALL.js -- CSS and JS for all blocks in project, you can use them at any page.


Tune templates

All templates for create new files defined in .bem/techs/*.js.

Something went wrong with that request. Please try again.