bem-mix

BEM Style mixins for SCSS


Keywords
sass, scss, bem
License
GPL-3.0
Install
npm install bem-mix@1.0.0-alpha.1

Documentation

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 {
  ...
}