add support for :is

ProjectEvergreen · Nov 4, 2023 · 973d88b · 973d88b
1 parent 40e73fc
commit 973d88b
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/packages/cli/src/plugins/resource/plugin-standard-css.js b/packages/cli/src/plugins/resource/plugin-standard-css.js
@@ -46,6 +46,7 @@ function bundleCss(body, url, projectDirectory) {
 
         switch (name) {
 
+          case 'is':
           case 'has':
           case 'lang':
           case 'not':
@@ -154,6 +155,7 @@ function bundleCss(body, url, projectDirectory) {
         case 'PseudoClassSelector':
           switch (node.name) {
 
+            case 'is':
             case 'has':
             case 'lang':
             case 'not':

diff --git a/packages/cli/test/cases/build.config.optimization-default/fixtures/expected.css b/packages/cli/test/cases/build.config.optimization-default/fixtures/expected.css
@@ -56,4 +56,6 @@ a[href*='greenwood'],a[href$='.pdf']{color:orange}
 
 @font-feature-values Font One{@styleset {nice-style:12}}
 
-h1:has(+h2){margin:0 0 0.25rem 0}
+h1:has(+h2){margin:0 0 0.25rem 0}
+
+:is(ol,ul,menu:unsupported) :is(ol,ul){color:green}
diff --git a/packages/cli/test/cases/build.config.optimization-default/src/styles/main.css b/packages/cli/test/cases/build.config.optimization-default/src/styles/main.css
@@ -125,4 +125,8 @@ a[href*="greenwood"], a[href$=".pdf"] {
 
 h1:has(+ h2) {
   margin: 0 0 0.25rem 0;
+}
+
+:is(ol, ul, menu:unsupported) :is(ol, ul) {
+  color: green;
 }