' . esc_html__( 'Hi! I’m a tattooist based in Florida City.', 'blank-canvas-blocks' ) . '
+
+
+
' . esc_html__( 'Specializing in fine line tattoos with a single needle. With over 10 years of experience, I can make your tattoo dreams come true.', 'blank-canvas-blocks' ) . '
' . esc_html__( 'My latest and greatest tips, resources, and reads.', 'blank-canvas-blocks' ) . ' ' . esc_html__( 'So much goodness all in one place!', 'blank-canvas-blocks' ) . '
' . esc_html__( 'Join us for a celebratory party featuring creative cocktails and mocktails, seasonal chef-crafted snacks and appetizers, and a range of desserts and pastries from local bakeries.', 'blank-canvas-blocks' ) . '
' . esc_html__( 'Hello! I am a photographer and designer living near Portland, Maine. When I am not posting to Instagram, you can find me shooting weddings and portraits.', 'blank-canvas-blocks' ) . '
+ ',
+ )
+ );
+ }
+ }
+endif;
+add_action( 'after_setup_theme', 'blank_canvas_register_block_patterns', 12 );
diff --git a/blank-canvas-blocks/sass/base/_alignment.scss b/blank-canvas-blocks/sass/base/_alignment.scss
index e023ea5f17..94f00e33d1 100644
--- a/blank-canvas-blocks/sass/base/_alignment.scss
+++ b/blank-canvas-blocks/sass/base/_alignment.scss
@@ -1,5 +1,22 @@
.wp-block-post-content > .alignfull {
margin-left: calc(-1 * var(--wp--custom--margin--horizontal));
margin-right: calc(-1 * var(--wp--custom--margin--horizontal));
+ width: unset;
}
+@include break-mobile {
+ // limit size of any element that is aligned left/right
+ .wp-block[data-align="left"], // This is for the editor
+ .wp-block[data-align="right"], // This is for the editor
+ .wp-site-blocks .alignleft,
+ .wp-site-blocks .alignright {
+ max-width: var(--wp--custom--alignment--aligned-max-width);
+ }
+}
+
+// When content is aligned left/right (particularly inside of a container) it is floated left/right
+// and needs something to ensure that the content follows the block rather than nestling up beside the floated element.
+// The issue should be resolved upstream: https://github.com/WordPress/gutenberg/issues/10299
+.wp-block-group {
+ overflow: auto;
+}
\ No newline at end of file
diff --git a/blank-canvas-blocks/sass/base/_style.scss b/blank-canvas-blocks/sass/base/_style.scss
index 369d9f0991..90ff30fa40 100644
--- a/blank-canvas-blocks/sass/base/_style.scss
+++ b/blank-canvas-blocks/sass/base/_style.scss
@@ -8,7 +8,7 @@
@import "accessibility";
@import "breakpoints";
@import "alignment";
-@import "text-selection";
+@import "text";
//Colors
diff --git a/blank-canvas-blocks/sass/base/_text-selection.scss b/blank-canvas-blocks/sass/base/_text.scss
similarity index 58%
rename from blank-canvas-blocks/sass/base/_text-selection.scss
rename to blank-canvas-blocks/sass/base/_text.scss
index 033e91b222..8f06aac4e4 100644
--- a/blank-canvas-blocks/sass/base/_text-selection.scss
+++ b/blank-canvas-blocks/sass/base/_text.scss
@@ -6,3 +6,8 @@
::-moz-selection {
background-color: var(--wp--custom--color--selection);
}
+
+p, h1, h2, h3, h4, h5, h6 {
+ margin-top: var(--wp--custom--margin--vertical);
+ margin-bottom: var(--wp--custom--margin--vertical);
+}
\ No newline at end of file
diff --git a/blank-canvas-blocks/sass/blocks/_button.scss b/blank-canvas-blocks/sass/blocks/_button.scss
index 4dd71f78fc..2873b0ba54 100644
--- a/blank-canvas-blocks/sass/blocks/_button.scss
+++ b/blank-canvas-blocks/sass/blocks/_button.scss
@@ -43,3 +43,12 @@
text-decoration: none; // Needed because link styles inside .entry-content add a text decoration
}
}
+
+// TODO: I'm not sure what the end goal should be here, but since we are unable to use
+// a button block OUTSIDE of the context of the button collection block (grrrrrrrrr)
+// then there are undesired margins to be dealt with somehow.
+.wp-block-buttons {
+ .wp-block-button:last-child {
+ margin-bottom: 0;
+ }
+}
\ No newline at end of file
diff --git a/blank-canvas-blocks/sass/blocks/_columns.scss b/blank-canvas-blocks/sass/blocks/_columns.scss
new file mode 100644
index 0000000000..096bacc766
--- /dev/null
+++ b/blank-canvas-blocks/sass/blocks/_columns.scss
@@ -0,0 +1,5 @@
+// TODO: This can be removed when Gutenberg no longer expresses opinion about the bottom margin of the block columns
+// or perhaps when the margins of blocks can be styled with the "style" portion of theme.json
+.wp-block-columns {
+ margin-bottom: unset;
+}
\ No newline at end of file
diff --git a/blank-canvas-blocks/sass/blocks/_separator.scss b/blank-canvas-blocks/sass/blocks/_separator.scss
index d581662658..ab91e93f7f 100644
--- a/blank-canvas-blocks/sass/blocks/_separator.scss
+++ b/blank-canvas-blocks/sass/blocks/_separator.scss
@@ -1,6 +1,7 @@
-.wp-block-separator:not(.is-style-dots) {
- border-bottom: var(--wp--custom--separator--thickness) solid var(--wp--custom--separator--color);
- &:not(.is-style-wide) {
- max-width: var(--wp--custom--separator--width);
+.wp-block-separator {
+ margin: var(--wp--custom--separator--margin);
+ opacity: var(--wp--custom--separator--opacity); // Mirror controls that Gutenberg theme.css offers: https://github.com/WordPress/gutenberg/blob/trunk/packages/block-library/src/separator/theme.scss
+ &:not(.is-style-wide){
+ width: var(--wp--custom--separator--width);
}
}
\ No newline at end of file
diff --git a/blank-canvas-blocks/sass/ponyfill.scss b/blank-canvas-blocks/sass/ponyfill.scss
index 210dd56b96..e180f04829 100644
--- a/blank-canvas-blocks/sass/ponyfill.scss
+++ b/blank-canvas-blocks/sass/ponyfill.scss
@@ -18,7 +18,8 @@
@import "blocks/pullquote";
@import "blocks/quote";
@import "blocks/search";
-@import "blocks/file";
@import "blocks/separator";
+@import "blocks/file";
@import "blocks/table";
@import "blocks/video";
+@import "blocks/columns";
 . '/assets/images/pattern-tattoo.jpg' ) . ')
 . '/assets/images/pattern-hat.jpg' ) . ')
 . '/assets/images/pattern-drink.jpg' ) . ')
 . '/assets/images/pattern-camera.jpg' ) . ')
 . '/assets/images/pattern-woman.jpg' ) . ')
 . '/assets/images/pattern-links-hamburger.png' ) . ')
 . '/assets/images/pattern-links-pencils.jpg' ) . ')
 . '/assets/images/pattern-links-singer.png' ) . ')
 . '/assets/images/pattern-links-sunglasses.jpg' ) . ')
