Query No Results: Add Border & Spacing Support

docs/reference-guides/core-blocks.md

@@ -725,7 +725,7 @@ Contains the block elements used to render content when no query results are fou
 -	**Name:** core/query-no-results
 -	**Category:** theme
 -	**Parent:** core/query
--	**Supports:** align, color (background, gradients, link, text), interactivity (clientNavigation), typography (fontSize, lineHeight), ~~html~~, ~~reusable~~
+-	**Supports:** align, color (background, gradients, link, text), interactivity (clientNavigation), spacing (margin, padding), typography (fontSize, lineHeight), ~~html~~, ~~reusable~~
 
 ## Pagination
 

packages/block-library/src/query-no-results/block.json

@@ -16,6 +16,14 @@
 			"gradients": true,
 			"link": true
 		},
+		"spacing": {
+			"padding": true,
+			"margin": true,
+			"__experimentalDefaultControls": {
+				"margin": false,
+				"padding": false
+			}
+		},
 		"typography": {
 			"fontSize": true,
 			"lineHeight": true,
@@ -31,6 +39,13 @@
 		},
 		"interactivity": {
 			"clientNavigation": true
+		},
+		"__experimentalBorder": {
+			"radius": true,
+			"color": true,
+			"width": true,
+			"style": true
 		}
-	}
+	},
+	"style": "wp-block-query-no-results"
 }

packages/block-library/src/query-no-results/style.scss

@@ -0,0 +1,4 @@
+.wp-block-query-no-results {
+	// This block has customizable padding, border-box makes that more predictable.
+	box-sizing: border-box;
+}

packages/block-library/src/style.scss

@@ -47,6 +47,7 @@
 @import "./post-template/style.scss";
 @import "./query-pagination/style.scss";
 @import "./query-title/style.scss";
+@import "./query-no-results/style.scss";
 @import "./quote/style.scss";
 @import "./read-more/style.scss";
 @import "./rss/style.scss";