bem-generator
Utility for working with BEM convention (works better with React)
Install
npm i --save bem-generator
Usage
// App.js const App = { let header = let nav = let link = nav let footer = return <div> <header className= header > <h1 className= header >My App</h1> </header> <nav className= nav > <ul> <li className= link >Home</li> <li className= link >About</li> </ul> </nav> <footer className= footer > <p className= footer >Copyright</p> </footer> </div> }
You can create a element and give it a block:
let b = let el = el// -> 'foo__bar' el// -> 'foo__bar foo__bar--red'
Modifiers accepts more than one modifier:
let b = el// -> 'foo foo--large foo--red'
License
MIT