Add basic header

 - Still need to change header for single template to remove background color

rainfall/parts/header.html

@@ -1,14 +1,13 @@
-<!-- wp:group {"layout":{"inherit":"true"}} -->
-<div class="wp-block-group">
-	<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"30px","top":"30px"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
-	<div class="wp-block-group alignfull" style="padding-top:30px;padding-bottom:30px">
+<!-- wp:group {"backgroundColor":"light-orange","layout":{"inherit":"true"}} -->
+<div class="wp-block-group has-light-orange-background-color has-background">
+	<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"30px","top":"30px"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
+	<div class="wp-block-group alignwide" style="padding-top:30px;padding-bottom:30px"><!-- wp:group {"layout":{"type":"flex"}} -->
 		<!-- wp:site-title {"style":{"elements":{"link":{"color":{"text":"var:preset|color|black"}}},"typography":{"textTransform":"uppercase"}},"fontSize":"small"} /-->
-	
-	<!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"},"blockGap":"2.87rem"}}} /-->
-	</div>
+		<!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"}, "blockGap":"2.87rem"}}} /-->
+		</div>
 	<!-- /wp:group -->
+	<!-- wp:spacer {"height":"60px"} -->
+	<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
+	<!-- /wp:spacer -->
 </div>
 <!-- /wp:group -->
-<!-- wp:spacer {"height":"50px"} -->
-<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
-<!-- /wp:spacer -->

rainfall/patterns/hidden-404.php

@@ -6,9 +6,20 @@
  * Inserter: no
  */
 ?>
-<!-- wp:heading {"align":"full","level":1,"backgroundColor":"light-orange"} -->
-<h1 class="alignfull has-light-orange-background-color has-background"><?php esc_html_e( 'Missing page', 'rainfall' ); ?></h1>
-<!-- /wp:heading -->
+<!-- wp:group {"backgroundColor":"light-orange", "align": "full", "layout": {"inherit": true}} -->
+<div class="alignfull wp-block-group has-light-orange-background-color has-background">
+    <!-- wp:group {"align": "wide"} -->
+    <div class="alignwide wp-block-group">
+        <!-- wp:heading {"level":1} -->
+        <h1><?php esc_html_e( 'Missing page', 'rainfall' ); ?></h1>
+        <!-- /wp:heading -->
+    </div>
+    <!-- /wp:group -->
+    <!-- wp:spacer {"height":"12px"} -->
+    <div style="height:12px" aria-hidden="true" class="wp-block-spacer"></div>
+    <!-- /wp:spacer -->
+</div>
+<!-- /wp:group -->
 
 <!-- wp:paragraph -->
 <p><?php esc_html_e( 'The page you requested cannot be found; poor luck, eh?', 'rainfall' ); ?></p>

rainfall/templates/404.html

@@ -1,7 +1,7 @@
 <!-- wp:template-part {"slug":"header","theme":"rainfall"} /-->
 
-<!-- wp:group {"layout":{"inherit":true},"tagName":"main"} -->
-<main class="wp-block-group">
+<!-- wp:group {"layout":{"inherit":true},"tagName":"main", "style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
+<main class="wp-block-group" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">
     <!-- wp:pattern {"slug":"rainfall/hidden-404"} /-->
 </main>
 <!-- /wp:group -->

rainfall/theme.json

@@ -125,6 +125,7 @@
 			"core/site-title": {
 				"typography": {
 					"fontWeight": "bold",
+					"fontSize": "var(--wp--preset--font--size--small)",
 					"lineHeight": {
 						"ref": "styles.typography.lineHeight"
 					}