Add fallback for browsers not yet supporting the :has() selector

WordPress · Oct 11, 2023 · ef3f040 · ef3f040
1 parent 8b321a1
commit ef3f040
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/packages/block-editor/src/components/colors-gradients/style.scss b/packages/block-editor/src/components/colors-gradients/style.scss
@@ -95,6 +95,15 @@ $swatch-gap: 12px;
 		border-bottom-right-radius: $radius-block-ui;
 	}
 
+	// Less accurate fallback to detect the last instance of this item
+	// for older browsers not yet supporting the `:has()` selector.
+	@supports not selector(:has(*)) {
+		&.last {
+			border-bottom-left-radius: $radius-block-ui;
+			border-bottom-right-radius: $radius-block-ui;
+		}
+	}
+
 	> div,
 	> div > button {
 		border-radius: inherit;