Fix spacing property generation in flow layout type. (#44446)

WordPress · Sep 26, 2022 · 83007f5 · 83007f5
1 parent 24bebb4
commit 83007f5
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/lib/block-supports/layout.php b/lib/block-supports/layout.php
@@ -47,6 +47,13 @@ function gutenberg_get_layout_style( $selector, $layout, $has_block_gap_support
 				$gap_value = isset( $gap_value['top'] ) ? $gap_value['top'] : null;
 			}
 			if ( null !== $gap_value && ! $should_skip_gap_serialization ) {
+				// Get spacing CSS variable from preset value if provided.
+				if ( is_string( $gap_value ) && str_contains( $gap_value, 'var:preset|spacing|' ) ) {
+					$index_to_splice = strrpos( $gap_value, '|' ) + 1;
+					$slug            = _wp_to_kebab_case( substr( $gap_value, $index_to_splice ) );
+					$gap_value       = "var(--wp--preset--spacing--$slug)";
+				}
+
 				array_push(
 					$layout_styles,
 					array(