{"_id":"postcss-bem","_rev":"22-aec0633c41436d15a3794603f5931132","time":{"created":"2021-04-10T04:49:54.795Z","0.4.1":"2021-04-10T04:49:54.920Z","modified":"2022-05-13T06:05:10.267Z"},"name":"postcss-bem","dist-tags":{"latest":"0.4.1"},"versions":{"0.4.1":{"author":{"name":"Malte-Maurice Dreyer","email":"dreyer.maltem+dev@gmail.com"},"bugs":{"url":"https://github.com/ileri/postcss-bem/issues"},"dependencies":{"postcss":"^5.0.8"},"description":"PostCSS plugin implementing BEM as at-rules","devDependencies":{"chai":"^2.3.0","gulp":"^3.8.11","gulp-eslint":"^0.12.0","gulp-mocha":"^2.0.1"},"homepage":"https://github.com/ileri/postcss-bem#readme","keywords":["postcss","css","postcss-plugin","bem"],"license":"MIT","name":"postcss-bem","repository":{"type":"git","url":"git+https://github.com/ileri/postcss-bem.git"},"scripts":{"test":"gulp"},"version":"0.4.1","_id":"postcss-bem@0.4.1","_nodeVersion":"12.14.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-1adV9Gqg/+mBOcx/2Lmt1uta58jR1LSg29iL27Gqz+9ML5zTnMjXr10FX3ePab/xu9MYm/pfTeTQ/swmpGUXlQ==","shasum":"83636b73de9d73ffb50c2249f1015537f3f91602","tarball":"https://registry.npmjs.org/postcss-bem/-/postcss-bem-0.4.1.tgz","fileCount":6,"unpackedSize":13013,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgcS5zCRA9TVsSAnZWagAAE9IP+gOjyA8k2VBcDVeeZlk3\nCWdR0Ms02kVFqXGTE39wPhMofRReQ8qYSx4XCN3Q5QCJW3dq0t1Be0SpO3tX\nelI4uN5UJMWgD4c0Rlvn5a6N6CTGIoLguKF7sE9nMrgHh5s4jhqIRL2HZfC0\nCgpRSpEU188g7uh+sxriF1WHgVmZDbZ9qhDUJFv19J11b+HIrUi8sxuBVrPS\nKd5FhufHg+WIQFB0fkMg9E09MR+16QvrVg/ick6QPzE1MolDM9U3ZwXtDGvo\nwzSZ2+De9EGgnQ0po7KOqvwhlZpLvsmDf0PetiL7OjZ5Z5A2mrSCdaDI0QsI\nedFq0zpP/Zmd7f8+vIOo3I/OAoqpQi/YIMNYuBoKESfmrGdPrf+XLn6C8v6t\nO9JLUJug3zG63ysVX8zZJH/A1wd4uVuTHfBHVaVi+79gaMWN10cEbwI+v/I/\nTep3TFaaeDU7nKsLRGIrQWhEyC81/7DHf3fA7LOR0+sD8nqQNqjrAfZiWtth\nQvHgMkowPATwXQ7A5Poyv94CYMWOzJw41RrKMAeSnw/+JQE8T8fpwMbXlgom\nxXYF5PpbrYwNEKVSVNaP7algT+J4nOJ1yv4B5XUsPQHqpqwKRXJ1G8IO6EnZ\nzuytOzfuuLyeeMK2HoCLbY1fsPhxLH9MlNTmhKWWdz0TWkXIEGts6ezpt00r\nQSV6\r\n=eb43\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDUV4u1PJnTmsR/hMGrADCFzbWdOY3n1yBAW1rZPzz61gIgaIe/JiHITzrngyEKMOe8bj6DBd+0YvfxURvx1m5jTnc="}]},"_npmUser":{"name":"liuchuzhang","email":"liuchuzhang1@gmail.com"},"directories":{},"maintainers":[{"name":"liuchuzhang","email":"liuchuzhang1@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/postcss-bem_0.4.1_1618030194795_0.6760860209835178"},"_hasShrinkwrap":false}},"maintainers":[{"name":"liuchuzhang","email":"liuchuzhang1@gmail.com"}],"description":"PostCSS plugin implementing BEM as at-rules","homepage":"https://github.com/ileri/postcss-bem#readme","keywords":["postcss","css","postcss-plugin","bem"],"repository":{"type":"git","url":"git+https://github.com/ileri/postcss-bem.git"},"author":{"name":"Malte-Maurice Dreyer","email":"dreyer.maltem+dev@gmail.com"},"bugs":{"url":"https://github.com/ileri/postcss-bem/issues"},"license":"MIT","readme":"# PostCSS Bem [![Build Status][ci-img]][ci]\r\n\r\n[PostCSS] plugin implementing BEM as at-rules.\r\n\r\n[PostCSS]: https://github.com/postcss/postcss\r\n[ci-img]:  https://travis-ci.org/ileri/postcss-bem.svg\r\n[ci]:      https://travis-ci.org/ileri/postcss-bem\r\n\r\n```css\r\n@utility utilityName {\r\n    color: green;\r\n}\r\n\r\n@utility utilityName small {\r\n    color: blue;\r\n}\r\n\r\n@component ComponentName {\r\n    color: cyan;\r\n\r\n    @modifier modifierName {\r\n        color: yellow;\r\n    }\r\n\r\n    @descendent descendentName {\r\n        color: navy;\r\n    }\r\n\r\n    @when stateName {\r\n        color: crimson;\r\n    }\r\n}\r\n\r\n@component-namespace nmsp {\r\n    @component ComponentName {\r\n        color: red;\r\n    }\r\n}\r\n```\r\n\r\n```css\r\n.u-utilityName {\r\n    color: green;\r\n}\r\n\r\n.u-sm-utilityName {\r\n    color: blue;\r\n}\r\n\r\n.ComponentName {\r\n    color: cyan;\r\n}\r\n\r\n.ComponentName--modifierName {\r\n    color: yellow;\r\n}\r\n\r\n.ComponentName-descendentName {\r\n    color: navy;\r\n}\r\n\r\n.ComponentName.is-stateName {\r\n    color: crimson;\r\n}\r\n\r\n.nmsp-ComponentName {\r\n    color: red;\r\n}\r\n```\r\n\r\n**With shortcuts**\r\n```css\r\n@b nav { /* b is for block */\r\n    @e item { /* e is for element */\r\n        display: inline-block;\r\n    }\r\n    @m placement_header {\r\n        background-color: red;\r\n    }\r\n}\r\n```\r\n\r\n```css\r\n.nav {}\r\n.nav__item {\r\n    display: inline-block\r\n}\r\n.nav_placement_header {\r\n    background-color: red\r\n}\r\n```\r\n\r\n## Usage\r\n\r\n```js\r\npostcss([ require('postcss-bem')({\r\n    defaultNamespace: undefined, // default namespace to use, none by default\r\n    style: 'suit', // suit or bem, suit by default,\r\n    separators: {\r\n        descendent: '__' // overwrite any default separator for chosen style\r\n    },\r\n    shortcuts: {\r\n        utility: 'util' //override at-rule name\r\n    }\r\n}) ])\r\n```\r\n\r\nSee [PostCSS] docs for examples for your environment.\r\n","readmeFilename":"README.md"}