TT1 Blocks: Re-create the "Let's Connect" pattern with custom borders instead of a block style.

tt1-blocks/inc/block-patterns.php

@@ -44,8 +44,7 @@
 			'categories'    => array( 'tt1-blocks' ),
 			'viewportWidth' => 1440,
 			'description'   => esc_html_x( 'A huge text followed by social networks and email address links.', 'Block pattern description', 'tt1-blocks' ),
-			'content'       => '<!-- wp:cover {"overlayColor":"green","contentPosition":"center center","align":"wide","className":"is-style-twentytwentyone-border"} --><div class="wp-block-cover alignwide has-green-background-color has-background-dim is-style-twentytwentyone-border"><div class="wp-block-cover__inner-container"><!-- wp:spacer {"height":20} --><div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div><!-- /wp:spacer --><!-- wp:paragraph {"fontSize":"huge"} --><p class="has-huge-font-size">' . wp_kses_post( __( 'Let&#8217;s Connect.', 'tt1-blocks' ) ) . '</p><!-- /wp:paragraph --><!-- wp:spacer {"height":75} --><div style="height:75px" aria-hidden="true" class="wp-block-spacer"></div><!-- /wp:spacer --><!-- wp:columns --><div class="wp-block-columns"><!-- wp:column --><div class="wp-block-column"><!-- wp:paragraph --><p><a href="#" data-type="URL">' . esc_html__( 'Twitter', 'tt1-blocks' ) . '</a> / <a href="#" data-type="URL">' . esc_html__( 'Instagram', 'tt1-blocks' ) . '</a> / <a href="#" data-type="URL">' . esc_html__( 'Dribbble', 'tt1-blocks' ) . '</a></p><!-- /wp:paragraph --></div><!-- /wp:column --><!-- wp:column --><div class="wp-block-column"><!-- wp:paragraph --><p><a href="#">' . esc_html__( 'example@example.com', 'tt1-blocks' ) . '</a></p><!-- /wp:paragraph --></div><!-- /wp:column --></div><!-- /wp:columns --><!-- wp:spacer {"height":20} --><div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div><!-- /wp:spacer --></div></div><!-- /wp:cover --><!-- wp:paragraph --><p></p><!-- /wp:paragraph -->',
-		)
+			'content'       => '<!-- wp:group {"align":"wide","style":{"border":{"style":"solid","width":"3px"}},"borderColor":"black"} --> <div class="wp-block-group alignwide has-border-color has-black-border-color" style="border-style:solid;border-width:3px"><!-- wp:columns --> <div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"padding":{"right":"2em","left":"2em"}}}} --> <div class="wp-block-column" style="padding-right:2em;padding-left:2em"><!-- wp:paragraph {"fontSize":"huge"} --> <p class="has-huge-font-size">' . wp_kses_post( __( 'Let&#8217;s Connect.', 'tt1-blocks' ) ) . '</p> <!-- /wp:paragraph --> <!-- wp:spacer {"height":75} --> <div style="height:75px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:columns --> <div class="wp-block-columns"><!-- wp:column --> <div class="wp-block-column"><!-- wp:paragraph --> <p><a href="#" data-type="URL">' . esc_html__( 'Twitter', 'tt1-blocks' ) . '</a> / <a href="#" data-type="URL">' . esc_html__( 'Instagram', 'tt1-blocks' ) . '</a> / <a href="#" data-type="URL">' . esc_html__( 'Dribbble', 'tt1-blocks' ) . '</a></p><!-- /wp:paragraph --></div><!-- /wp:column --><!-- wp:column --><div class="wp-block-column"><!-- wp:paragraph --><p><a href="#">' . esc_html__( 'example@example.com', 'tt1-blocks' ) . '</a></p> <!-- /wp:paragraph --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:group -->', )
 	);
 
 	// Media & Text Article Title.

tt1-blocks/theme.json

@@ -11,6 +11,12 @@
 		}
 	],
 	"settings": {
+		"border": {
+			"customColor": true,
+			"customRadius": true,
+			"customStyle": true,
+			"customWidth": true
+		},
 		"color": {
 			"link": true,
 			"palette": [