Merge pull request #3446 from Automattic/bcb-gallery-block

Blank Canvas Blocks: Add default styles for Gallery block

blank-canvas-blocks/assets/ponyfill.css

@@ -298,6 +298,11 @@ h1, h2, h3, h4, h5, h6 {
 	border-color: var(--wp--custom--button--color--hover-background);
 }
 
+.wp-block-gallery .blocks-gallery-image figcaption,
+.wp-block-gallery .blocks-gallery-item figcaption {
+	font-size: var(--wp--custom--gallery--caption--font-size);
+}
+
 .wp-block-image {
 	/* 
 	From what I can tell the below are styles regularly used by themes

blank-canvas-blocks/experimental-theme.json

@@ -139,6 +139,11 @@
 						}
 					}
 				},
+				"gallery": {
+					"caption": {
+						"fontSize": "var(--wp--preset--font-size--small)"
+					}
+				},
 				"quote": {
 					"border": {
 						"color": "var(--wp--custom--color--secondary)",

blank-canvas-blocks/sass/blocks/_gallery.scss

@@ -0,0 +1,8 @@
+.wp-block-gallery {
+	.blocks-gallery-image,
+	.blocks-gallery-item {
+		figcaption {
+			font-size: var(--wp--custom--gallery--caption--font-size);
+		}
+	}
+}

blank-canvas-blocks/sass/ponyfill.scss

@@ -11,6 +11,7 @@
 //   spacing with CSS-variables overrides
 @import "blocks/heading";
 @import "blocks/button";
+@import "blocks/gallery";
 @import "blocks/image";
 @import "blocks/list";
 @import "blocks/paragraph";