/bemificator

Html preproccessor for elegant BEM development.

Primary LanguageTypeScript

Bemificator

An advanced preprocessor to write a cleat BEM oriented code. Now is in the initial stage of syntax drafts.

Basic usage:

some BEMified HTML code:

Tabs 
    tab[active]
    tab
    tab

npm run bemificator This will translate the source bemified code into:

<div class="tabs">
    <div class="tabs__tab--active">
    <div class="tabs__tab">
    <div class="tabs__tab">
</div>

Sass output:

.tabs

  &__tab
  
    &--active

Configuration file: configs basic path must be specified in the bemificator npm script

bemificator-config.json source: source code path styles-output: "none" / "sass" / "scss" / "css" / "less"