bem-contrib#6 Add alias @ for symbol start entity

ilyar · Mar 25, 2018 · a7fbdcf · a7fbdcf
1 parent f141069
commit a7fbdcf
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 0 deletions.
diff --git a/lib/index.js b/lib/index.js
@@ -22,6 +22,14 @@ function buildSelector (ctx, mod) {
 }
 
 export default postcss.plugin('pobem', () => (css) => {
+    css.walkAtRules(/block|elem|mod/, function (rule) {
+        rule.replaceWith(postcss.rule({
+            selector: rule.name + rule.params,
+            nodes: rule.nodes,
+            raws: rule.raws,
+            source: rule.source
+        }));
+    });
     css.walkRules((rule) => {
         rule.selector = rule.selector
             .replace(/[.:]?(block\(.+)/g, (match, raw) => {

diff --git a/test/lib/index.js b/test/lib/index.js
@@ -12,6 +12,31 @@ const test = (selector, result) => {
 };
 
 describe('plugin', () => {
+    describe('Aliases for start entity', () => {
+        it('dot', () => {
+            test(
+                '.block(foo)',
+                '.foo'
+            );
+        });
+        it('colon', () => {
+            test(
+                ':block(foo)',
+                '.foo'
+            );
+        });
+        it('at', () => {
+            test(
+                '@block(foo)',
+                '.foo'
+            );
+            test(
+                '@media',
+                '@media'
+            );
+        });
+    });
+
     describe('block', () => {
         it('simple', () => {
             test(