fix #45 bem selectors with interpolation

SublimeText · Feb 25, 2024 · d2a09b5 · d2a09b5
1 parent 98bb8d2
commit d2a09b5
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/Syntaxes/SCSS.sublime-syntax b/Syntaxes/SCSS.sublime-syntax
@@ -198,7 +198,7 @@ contexts:
       push: selector-class-identifier
 
   scss-bem-selector:
-    - match: (\&)([-_]+{{ident}})
+    - match: (\&)([-_]+({{ident}}|(?=#{)))
       # &--bem_ish selectors
       captures:
         1: variable.language.parent.css

diff --git a/Tests/syntax_test_scss.scss b/Tests/syntax_test_scss.scss
@@ -1381,3 +1381,16 @@ $color2 : #f00;
 // ^^^^ meta.declaration.identifier.scss
 $color3     : #f00;
 // ^^^^ meta.declaration.identifier.scss
+
+//=============================================================================
+// Bem-ish selectors with interpolation
+// https://github.com/braver/Sass/issues/45
+//=============================================================================
+&--test {}
+//^^^^^ meta.selector.css entity.other.attribute-name.css
+&--#{$test} {}
+//^ meta.selector.css entity.other.attribute-name.css
+.test & {}
+//    ^ meta.selector.css variable.language.parent.css
+.test:not() & {}
+//          ^ meta.selector.css variable.language.parent.css