Vanilla BEM CSS

Markup builder inspired by BEM and Vanilla CSS

• File structure with BEM.
• Bundles (e.g. common.bundles/main/main.css) work right in your browser without build.
• After build your bundle compile into single file with .min suffix.

Builder include:

• Compile with postcss-import.
• Rebase urls with postcss-url.
• Prefixes with autoprefixer.
• Minify with csso.

git clone https://github.com/palegrow/vanilla-bemcss.git new-project
cd new-project
npm install

postcss common.bundles/main/main.css -o common.bundles/main/main.min.css

postcss desktop.bundles/main/main.css -o desktop.bundles/main/main.min.css

You can use full power of postcss-cli here.