Add block gap support to Quote block. (#56064)

* Add block gap support to Quote block. * Change cite display in front end to match editor styles * Target only direct descentants
WordPress · Nov 13, 2023 · 7d606b6 · 7d606b6 · github-actions · Nov 13, 2023
1 parent 4e26178
commit 7d606b6
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/docs/reference-guides/core-blocks.md b/docs/reference-guides/core-blocks.md
@@ -771,7 +771,7 @@ Give quoted text visual emphasis. "In quoting others, we cite ourselves." — Ju
 
 -	**Name:** core/quote
 -	**Category:** text
--	**Supports:** anchor, color (background, gradients, heading, link, text), layout (~~allowEditing~~), typography (fontSize, lineHeight), ~~html~~
+-	**Supports:** anchor, color (background, gradients, heading, link, text), layout (~~allowEditing~~), spacing (blockGap), typography (fontSize, lineHeight), ~~html~~
 -	**Attributes:** align, citation, value
 
 ## Read More

diff --git a/packages/block-library/src/quote/block.json b/packages/block-library/src/quote/block.json
@@ -57,6 +57,9 @@
 		},
 		"layout": {
 			"allowEditing": false
+		},
+		"spacing": {
+			"blockGap": true
 		}
 	},
 	"styles": [

diff --git a/packages/block-library/src/quote/style.scss b/packages/block-library/src/quote/style.scss
@@ -18,5 +18,9 @@
 			font-size: 1.125em;
 			text-align: right;
 		}
+
+	}
+	> cite {
+		display: block;
 	}
 }