#6 Add alias @ for symbol start entity

bem-contrib · Mar 25, 2018 · d0e932b · d0e932b
1 parent bdd3b96
commit d0e932b
Show file tree

Hide file tree

Showing 2 changed files with 23 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(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,21 @@ 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'
+        ));
+    });
+
     describe('block', () => {
         it('simple', () => {
             test(