[CSS] Add support for :is and :where pseudo class (#2798)

* [CSS] Add support for `:is` pseudo class * [CSS] Add support for `:where` pseudo class
sublimehq · Apr 29, 2021 · f74f184 · f74f184
1 parent 3e03b6f
commit f74f184
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 7 deletions.
diff --git a/CSS/CSS.sublime-syntax b/CSS/CSS.sublime-syntax
@@ -30,7 +30,7 @@ variables:
   #    matching (?!{{escape}}) which also effects performance negative.
   break: (?=[[^-_[:alnum:]\\]&&[[:ascii:]]]|\Z)
 
-  # Identifiers  
+  # Identifiers
   # https://www.w3.org/TR/css-syntax-3/#typedef-ident-token
   # https://www.w3.org/TR/css3-selectors/#lex
   ident: (?:{{custom_ident}}|{{generic_ident}})
@@ -605,21 +605,21 @@ variables:
   # https://www.w3.org/TR/CSS22/fonts.html#font-shorthand
   font_property_constants: |-
     \b(?xi:
-      caption | icon | menu | message-box | small-caption | status-bar 
+      caption | icon | menu | message-box | small-caption | status-bar
     ){{break}}
 
   # https://www.w3.org/TR/CSS22/fonts.html#font-size-props
   font_size_constants: |-
     \b(?xi:
-      larger | large | medium | small | smaller | x{1,2}-(?: large | small ) 
+      larger | large | medium | small | smaller | x{1,2}-(?: large | small )
     ){{break}}
 
   # https://www.w3.org/TR/CSS22/fonts.html#font-boldness
   # https://www.w3.org/TR/CSS22/fonts.html#font-styling
   # https://www.w3.org/TR/CSS22/fonts.html#small-caps
   font_style_constants: |-
     \b(?xi:
-      normal | bold | bolder | lighter | italic | oblique | small-caps 
+      normal | bold | bolder | lighter | italic | oblique | small-caps
     ){{break}}
 
 ###############################################################################
@@ -1308,7 +1308,7 @@ contexts:
 
   # Functional Pseudo Classes with selector list
   pseudo-class-function-with-selector-args:
-    - match: (?i:matches|not|has)(?=\()
+    - match: (?i:matches|is|where|not|has)(?=\()
       scope: meta.function-call.identifier.css entity.other.pseudo-class.css
       set:
         - meta_include_prototype: false

diff --git a/CSS/syntax_test_css.css b/CSS/syntax_test_css.css
@@ -1257,7 +1257,7 @@
 }
 /* <- meta.at-rule.counter-style.css meta.property-list.css meta.block.css punctuation.section.block.end.css */
 
-.test-var-functions { 
+.test-var-functions {
     --test-var: arial;
 /*  ^^^^^^^^^^ entity.other.custom-property.css */
 /*            ^ punctuation.separator.key-value.css*/
@@ -1600,6 +1600,16 @@
 /*                     ^^^ entity.other.pseudo-class.css */
 /*                         ^ variable.language.wildcard.asterisk.css */
 
+.test-pseudo-class-tag:is(*) {}
+/*                    ^ punctuation.definition.pseudo-class.css - entity */
+/*                     ^^ entity.other.pseudo-class.css */
+/*                        ^ variable.language.wildcard.asterisk.css */
+
+.test-pseudo-class-tag:where(*) {}
+/*                    ^ punctuation.definition.pseudo-class.css - entity */
+/*                     ^^^^^ entity.other.pseudo-class.css */
+/*                           ^ variable.language.wildcard.asterisk.css */
+
 .test-pseudo-elements::before {}
 /*                   ^^ punctuation.definition.pseudo-element.css - entity */
 /*                     ^^^^^^ entity.other.pseudo-element.css */
@@ -2323,7 +2333,7 @@
 /*       ^^^^^ support.function.transform.css */
 /*             ^ meta.number.integer.decimal.css constant.numeric.value.css */
 /*              ^^^ meta.number.integer.decimal.css constant.numeric.suffix.css */
-    
+
     top: skew(1deg, 2turn);
 /*       ^^^^ support.function.transform.css */
 /*            ^ meta.number.integer.decimal.css constant.numeric.value.css */