Bemix

BEM style mixins for Sass

Installation

via NPM: npm i bemix

In your SCSS:

@import "~bemix";

Usage

@include b('block') {
    ...
    
    @include e('element') {
        ...
    }
    
    @include m('modifier') {
        ...
    }
    
    @include s('active') {
        ...
    }
}

Outputs

.block {
  ...
}
.block .__element {
  ...
}
.block.--modifier {
  ...
}
.block.is-active {
  ...
}