fix vendor prefixed property names

SublimeText · Nov 5, 2018 · fa78cb1 · fa78cb1
1 parent b22ec79
commit fa78cb1
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 7 deletions.
diff --git a/Syntaxes/SCSS.sublime-syntax b/Syntaxes/SCSS.sublime-syntax
@@ -229,8 +229,11 @@ contexts:
 
   properties:
     - include: comment-block
-    - match: "-(?:webkit|moz|ms|o)-"
-      scope: meta.property-name.css support.type.vendor-prefix.css
+    - match: "(-(?:webkit|moz|ms|o)-)({{ident}})"
+      captures:
+        0: meta.property-name.css
+        1: support.type.vendor-prefix.css
+        2: support.type.property-name.css
     - include: custom-property-name
     - match: '\b(var-)({{ident}})(?=\s)'
       scope: meta.property-name.css invalid.deprecated.custom-property.css

diff --git a/Syntaxes/Sass.sublime-syntax b/Syntaxes/Sass.sublime-syntax
@@ -305,8 +305,11 @@ contexts:
         - include: property-values
 
     - include: comment-block
-    - match: "-(?:webkit|moz|ms|o)-"
-      scope: meta.property-name.css support.type.vendor-prefix.css
+    - match: "(-(?:webkit|moz|ms|o)-)({{ident}})"
+      captures:
+        0: meta.property-name.css
+        1: support.type.vendor-prefix.css
+        2: support.type.property-name.css
     - include: custom-property-name
     - match: '\b(var-)({{ident}})(?=\s)'
       scope: meta.property-name.css invalid.deprecated.custom-property.css

diff --git a/Tests/syntax_test_sass.sass b/Tests/syntax_test_sass.sass
@@ -67,6 +67,10 @@ input:not([type="radio"]):not(h1):not(custom-element):not(%placeholder), select,
 //       ^^^^^^ variable.other.sass
 //       ^ punctuation.definition.variable.sass
 
+  -ms-text-size-adjust: 100%;
+//^^^^^^^^^^^^^^^^^^^^ meta.property-name.css
+//^^^^ support.type.vendor-prefix.css
+
   .redbox:hover
     background-color: #ff0000
     color: #000000

diff --git a/Tests/syntax_test_scss.scss b/Tests/syntax_test_scss.scss
@@ -49,6 +49,12 @@
     color: #000000
 //         ^^^^^^^ meta.property-value.css constant.other.color.rgb-value.css
   }
+
+  main {
+    -ms-text-size-adjust: 100%;
+//  ^^^^^^^^^^^^^^^^^^^^ meta.property-name.css
+//  ^^^^ support.type.vendor-prefix.css
+  }
   span:hover { }
 // ^^^ entity.name.tag.css
 
@@ -132,9 +138,6 @@
 //                               ^^^^^^^^^^^^^^^^^^^^^^^^^^^ comment.line.double-slash
 //                               ^^ punctuation.definition.comment
 
-main {
-  -ms-text-size-adjust: 100%;
-}
 
 /*
   Import Statements