add support for optimizing CSS :has pseudo-selector

ProjectEvergreen · May 6, 2023 · c472587 · c472587
1 parent 3003f49
commit c472587
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 'has':
           case 'lang':
           case 'not':
           case 'nth-child':
@@ -153,6 +154,7 @@ function bundleCss(body, url, projectDirectory) {
         case 'PseudoClassSelector':
           switch (node.name) {
 
+            case 'has':
             case 'lang':
             case 'not':
             case 'nth-child':

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
@@ -54,4 +54,6 @@ a[href*='greenwood'],a[href$='.pdf']{color:orange}
 
 @page {size:8.5in 9in;margin-top:4in;}
 
-@font-feature-values Font One{@styleset {nice-style:12}}
+@font-feature-values Font One{@styleset {nice-style:12}}
+
+h1:has(+h2){margin:0 0 0.25rem 0}
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
@@ -121,4 +121,8 @@ a[href*="greenwood"], a[href$=".pdf"] {
   @styleset {
     nice-style: 12;
   }
+}
+
+h1:has(+ h2) {
+  margin: 0 0 0.25rem 0;
 }