Blank Canvas Blocks: Added Block Patterns (#3514)

* added block patterns * Support editor color assignment for separator. * Refactor separator styles. Co-authored-by: Ben Dwyer <[email protected]> Co-authored-by: Jason Crist <[email protected]> Co-authored-by: Jeff Ong <[email protected]>
Automattic · Mar 25, 2021 · 46b64a3 · 46b64a3
1 parent 24666ee
commit 46b64a3
Show file tree

Hide file tree

Showing 24 changed files with 588 additions and 21 deletions.
diff --git a/blank-canvas-blocks/assets/images/pattern-art.jpg b/blank-canvas-blocks/assets/images/pattern-art.jpg
diff --git a/blank-canvas-blocks/assets/images/pattern-camera.jpg b/blank-canvas-blocks/assets/images/pattern-camera.jpg
diff --git a/blank-canvas-blocks/assets/images/pattern-drink.jpg b/blank-canvas-blocks/assets/images/pattern-drink.jpg
diff --git a/blank-canvas-blocks/assets/images/pattern-hat.jpg b/blank-canvas-blocks/assets/images/pattern-hat.jpg
diff --git a/blank-canvas-blocks/assets/images/pattern-links-gradient.jpg b/blank-canvas-blocks/assets/images/pattern-links-gradient.jpg
diff --git a/blank-canvas-blocks/assets/images/pattern-links-hamburger.png b/blank-canvas-blocks/assets/images/pattern-links-hamburger.png
diff --git a/blank-canvas-blocks/assets/images/pattern-links-logo.png b/blank-canvas-blocks/assets/images/pattern-links-logo.png
diff --git a/blank-canvas-blocks/assets/images/pattern-links-pencils.jpg b/blank-canvas-blocks/assets/images/pattern-links-pencils.jpg
diff --git a/blank-canvas-blocks/assets/images/pattern-links-singer.png b/blank-canvas-blocks/assets/images/pattern-links-singer.png
diff --git a/blank-canvas-blocks/assets/images/pattern-links-sunglasses.jpg b/blank-canvas-blocks/assets/images/pattern-links-sunglasses.jpg
diff --git a/blank-canvas-blocks/assets/images/pattern-portrait.jpg b/blank-canvas-blocks/assets/images/pattern-portrait.jpg
diff --git a/blank-canvas-blocks/assets/images/pattern-tattoo.jpg b/blank-canvas-blocks/assets/images/pattern-tattoo.jpg
diff --git a/blank-canvas-blocks/assets/images/pattern-woman.jpg b/blank-canvas-blocks/assets/images/pattern-woman.jpg
diff --git a/blank-canvas-blocks/assets/ponyfill.css b/blank-canvas-blocks/assets/ponyfill.css
diff --git a/blank-canvas-blocks/experimental-theme.json b/blank-canvas-blocks/experimental-theme.json
@@ -98,8 +98,8 @@
 					"selection": "var(--wp--preset--color--almost-white)"
 				},
 				"margin": {
-					"horizontal": "20px",
-					"vertical": "20px"
+					"horizontal": "30px",
+					"vertical": "30px"
 				},
 				"alignment": {
 					"alignedMaxWidth": "50%"
@@ -108,7 +108,7 @@
 					"typography": {
 						"fontWeight": "normal",
 						"fontFamily": "var(--wp--preset--font-family--base)",
-						"fontSize": "var(--wp--preset--font-size--small)",
+						"fontSize": "var(--wp--preset--font-size--normal)",
 						"lineHeight": 2
 					},
 					"border": {
@@ -117,8 +117,8 @@
 					"color": {
 						"text": "var(--wp--custom--color--background)",
 						"background": "var(--wp--custom--color--secondary)",
-						"hoverText": "var(--wp--custom--color--secondary)",
-						"hoverBackground": "var(--wp--custom--color--primary)"
+						"hoverText": "var(--wp--custom--color--background)",
+						"hoverBackground": "#006ba1"
 					}
 				},
 				"form": {
@@ -173,8 +173,8 @@
 					}
 				},
 				"separator": {
-					"color": "#ccc",
-					"thickness": "2px",
+					"margin": "var(--wp--custom--margin--vertical) auto",
+					"opacity": 1,
 					"width": "150px"
 				},
 				"video": {
@@ -410,6 +410,16 @@
 					"bottom": "var(--wp--custom--margin--horizontal)"
 				}
 			}
+		},
+		"core/separator": {
+			"color": {
+				"text": "var(--wp--custom--color--foreground)"
+			},
+			"border": {
+				"color": "currentColor",
+				"style": "solid",
+				"width": "0 0 1px 0"
+			}
 		}
 	}
 }
diff --git a/blank-canvas-blocks/functions.php b/blank-canvas-blocks/functions.php
@@ -73,3 +73,8 @@ function blank_canvas_blocks_fonts_url() {
 
 	return esc_url_raw( $fonts_url );
 }
+
+/**
+ * Block Patterns.
+ */
+require get_template_directory() . '/inc/block-patterns.php';