Prevent :where selector from being optimized with other selectors (#3…

…2242)
ampproject · Jan 27, 2021 · cc0b974 · cc0b974
1 parent 5cbe2a0
commit cc0b974
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/extensions/amp-accordion/1.0/amp-accordion.css b/extensions/amp-accordion/1.0/amp-accordion.css
@@ -42,12 +42,17 @@ amp-accordion > section > * {
  * Note! This is a new CSS incompatible with older browsers. It provides
  * low-specificity UI styles. The same styles are later set for older browsers
  * via the `i-amphtml-accordion-header` class.
+ *
+ * TODO(#32155): Use instead `supports selector(:where(A))` when the
+ * https://github.com/postcss/postcss/issues/1520 is fixed.
  */
-:where(amp-accordion > section) > :first-child {
-  cursor: pointer;
-  background-color: #efefef;
-  padding-right: 20px;
-  border: 1px solid #dfdfdf;
+@media (min-width: 1px) {
+  :where(amp-accordion > section) > :first-child {
+    cursor: pointer;
+    background-color: #efefef;
+    padding-right: 20px;
+    border: 1px solid #dfdfdf;
+  }
 }
 
 /* heading