@coco-platform/postcss-bem-snap

PostCSS plugin provide postcss-bem feature, whose source code was removed from github.

Usage no npm install needed!

<script type="module">
  import cocoPlatformPostcssBemSnap from 'https://cdn.skypack.dev/@coco-platform/postcss-bem-snap';
</script>

README

postcss-bem-snap

Build Status Coverage Status Package Dependency Package DevDependency

@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