handle interpolation in selectors

SublimeText · Feb 17, 2024 · a9ea500 · a9ea500
1 parent 946e561
commit a9ea500
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/Syntaxes/SCSS.sublime-syntax b/Syntaxes/SCSS.sublime-syntax
@@ -119,7 +119,8 @@ contexts:
       pop: 1
 
   selector-body:
-    - meta_append: true
+    - meta_prepend: true
+    - include: scss-interpolation
     - include: scss-placeholder-selector
 
 ###[ CSS PROPERTY LISTS ]######################################################

diff --git a/Tests/syntax_test_scss.scss b/Tests/syntax_test_scss.scss
@@ -380,6 +380,9 @@ $variable: first global value;
 //=============================================================================
 @mixin corner-icon($name, $top-or-bottom, $left-or-right) {
   .icon-#{$name} {
+//^^^^^^         entity.other.attribute-name.class.css
+//       ^^^^^^^ meta.interpolation.scss
+//        ^^^^^  variable.other.scss
     background-image: url("/icons/#{$name}.svg");
 //                                ^^^^^^^^ meta.interpolation.scss
     position: absolute;
@@ -670,6 +673,8 @@ nav ul {
 
   @for $i from 0 to length($selectors) {
     #{nth($selectors, $i + 1)} {
+//  ^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.interpolation.scss
+//                            ^ meta.selector
       position: absolute;
       height: $height;
       margin-top: $i * $height;