postcss-bem-snap

@block vip {
  text-align: center;
  background-color: aquamarine;

  @element header {
    color: mediumpurple;

    @modifier sm {
      font-size: 16px;
    }

    @modifier md {
      font-size: 24px;
    }

    @modifier lg {
      font-size: 36px;
    }
  }

  @modifier gold {
    background-color: gold;
  }

  @modifier platinum {
    background-color: plum;
  }
}

.vip {
  text-align: center;
  background-color: aquamarine;
}

.vip--platinum {
  background-color: plum;
}

.vip--gold {
  background-color: gold;
}

.vip__header {
  color: mediumpurple;
}

.vip__header--lg {
  font-size: 36px;
}

.vip__header--md {
  font-size: 24px;
}

.vip__header--sm {
  font-size: 16px;
}

Usage

postcss([require('postcss-bem-snap')]);

Licence

MIT