block style for search and new footer pattern

blockbase/inc/block-patterns.php

@@ -21,6 +21,7 @@ function blockbase_register_block_patterns() {
 				'footer-columns',
 				'footer-left',
 				'footer-primary',
+				'footer-search',
 				'footer-separator',
 				'footer-simple',
 				'footer-small',

blockbase/inc/block-styles.php

@@ -49,6 +49,14 @@ function blockbase_register_block_styles() {
 					'style_handle' => 'post-category-icon',
 				)
 			);
+			register_block_style(
+				'core/search',
+				array(
+					'name'         => 'small-search',
+					'label'        => __( 'Small', 'blockbase' ),
+					'style_handle' => 'small-search',
+				)
+			);
 		}
 	}
 endif;

blockbase/inc/patterns/footer-search.php

@@ -0,0 +1,26 @@
+<?php
+/**
+ * Footer with Search Block
+ *
+ * @package Blockbase
+ */
+
+return array(
+	'title'      => __( 'Footer with Search Block', 'blockbase' ),
+	'categories' => array( 'blockbase' ),
+	'blockTypes' => array( 'core/template-part/footer' ),
+	'content'    => '<!-- wp:group {"layout":{"inherit":true}} -->
+	<div class="wp-block-group">
+		<!-- wp:group {"style":{"spacing":{"padding":{"top":"80px","bottom":"30px"}}}} -->
+		<div class="wp-block-group" style="padding-top:80px;padding-bottom:30px">
+			<!-- wp:group {"style":{"spacing":{"padding":{"bottom":"30px"}}}} -->
+			<div class="wp-block-group" style="padding-bottom:30px"><!-- wp:search {"label":"Search","showLabel":false,"buttonText":"Search","className":"is-style-small-search"} /--></div>
+			<!-- /wp:group -->
+			<!-- wp:paragraph {"align":"center"} -->
+			<p class="has-text-align-center">Proudly Powered by <a href="https://wordpress.org" rel="nofollow">WordPress</a></p>
+			<!-- /wp:paragraph -->
+		</div>
+		<!-- /wp:group -->
+	</div>
+	<!-- /wp:group -->',
+);

blockbase/sass/blocks/_search.scss

@@ -33,4 +33,12 @@
 			opacity: 0.66;
 		}
 	}
+
+	/* Block Styles */
+	&.is-style-small-search{
+		--wp--custom--button--typography--font-size: calc( 0.8 * var(--wp--preset--font-size--small));
+		.wp-block-search__input {
+			padding: calc( 0.5 * var(--wp--custom--form--padding) );
+		}
+	}
 }