Fix breaking changes in checkbox control UI in WP 6.6.

Code is copied from WordPress/gutenberg#60475.
woocommerce · Jul 8, 2024 · ca19870 · ca19870
1 parent f511f28
commit ca19870
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/assets/source/setup-guide/app/style.scss b/assets/source/setup-guide/app/style.scss
@@ -21,6 +21,18 @@ $root: ".woocommerce-setup-guide";
 	}
 }
 
+// This is to fix breaking changes in checkbox control UI in WP 6.6.
+// Code is copied from https://github.com/WordPress/gutenberg/pull/60475.
+:root {
+	--checkbox-input-size: 24px; // Width & height for small viewports.
+
+	@include break-small() {
+		--checkbox-input-size: 20px;
+	}
+
+	--checkbox-input-margin: #{$grid-unit-10};
+}
+
 #{$root} {
 
 	&__body {