@brolik/leverage v1.0.3

Leverage

BEM

lv.element('name')

Input

.block {
    @include lv.element('element') {
      // Styles
    }
}

Output

.block {}
.block__element {}

lv.modifier('name')

Input

.block {
  @include lv.modifier('modifier') {
    // Styles
  }

  @include lv.element('element') {
    @include lv.modifier('modifier') {
      // Styles
    }
  }
}

Output

.block {}
.block--modifier {}
.block__element {}
.block__element--modifier {}

Settings

Changing Colors

@use 'leverage' as lv with (
  $colors: (
    'name': #fff
  )
);