This is a postcss plugin for supportting bem syntax in the process of writing css or pcss.
If� you want to use this tool,the first step is installing it through npm.
npm i @mozheng-neal/postcss-bem --save-dev
After installing it,this plugin can be used in multiple ways, such as webpack, gulp and so on, you could acquire the detail information at how to use postcss
�The supported css bem syntax contains mainly @component, @descendent @modifier @when. A usage example as follows:
html
<div class="container">
<div class="container-child">
</div>
<div class="container--des">
</div>
<div class="container_state">
</div>
</div>css/pcss
@component container {
color: red;
@descendent child {
color: yellow
}
@modifier des {
color: gray;
}
@when state {
color: green;
}
}