Auto BEM Modules and Bem Decorators

Refer also to Auto-Bem

Mask

import 'Foo.less' as bem;

define MyFoo { 
    [bem]
    section .active {
        header > 'Hello'
        button .fab > 'Do smth'
    }
}

section {
    background: red;
    header {
        font-weight: bold;        
    }
    .fab {
        border-radius: 50%;
    }
}
section.active {
    header {
        color: black;
    }
    .fab {
        text-transform: uppercase;
    }
}

---

❤️ We love any kind of questions and suggestions.

©️ 2017 - MIT