Update the archive block pattern

spearhead/assets/sass/_archive.scss

@@ -14,3 +14,8 @@
         margin-top: 0;
     }
 }
+
+.archive-page-heading {
+    line-height: 2.2em;
+    margin-bottom: 5px;
+}

spearhead/assets/sass/block-extends/_categories.scss

@@ -1,19 +1,28 @@
-.wp-block-categories {
+ul.wp-block-categories,
+.wp-block-categories ul{
+	list-style-type: none;
+	margin-top: 0;
+	padding: 0;
+}
 
+.wp-block-categories {
     ul {
         list-style-type: none;
         padding: 0;
     }
 
-    .cat-item {
-        padding: 5px 0;
-    }
+	.cat-item {
+		padding: 5px 0;
+	}
+
+	a {
+		color: var(--entry-header--color);
+		font-size: var(--latest-posts--title-font-size);
+		font-weight: var(--heading--font-weight);
 
-    a {
-        font-size: var(--heading--font-size-h3);
-        color: var(--entry-header--color);
-        &:hover {
+		&:hover {
+			border-color: transparent;
             color: var(--global--color-primary);
-        }
-    }
+		}
+	}
 }

spearhead/assets/sass/block-extends/_latest-posts.scss

@@ -1,8 +1,20 @@
 .wp-block-latest-posts {
-    > li > a {
-        color: var(--global--color-foreground);
-        &:hover {
-            color: var(--global--color-primary);
-        }
-    }
-}
+	margin: 0 auto var(--global--spacing-vertical);
+
+	> li {
+		line-height: 2.2em;
+
+		&:not(.is-grid) {
+			margin: 0 0 5px 0;
+		}
+
+		> a {
+			color: var(--global--color-foreground-light);
+
+			&:hover {
+				border-color: transparent;
+				color: var(--global--color-primary);
+			}
+		}
+	}
+}

spearhead/inc/block-patterns.php

@@ -37,14 +37,15 @@ if ( ! function_exists( 'spearhead_register_block_patterns' ) ) :
 			);
 
 			register_block_pattern(
-				'spearhead/search-form',
+				'spearhead/archive-page',
 				array(
-					'title'      => __( 'Search Form', 'spearhead' ),
+					'title'      => __( 'Archive page', 'spearhead' ),
 					'categories' => array( 'spearhead' ),
-					'content'    => '<!-- wp:search {"label":"Search","showLabel":false,"placeholder":"Search...","buttonText":"Search","buttonPosition":"button-inside","buttonUseIcon":true} /--><!-- wp:spacer {"height":50} -->
-					<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
-					<!-- /wp:spacer --><!-- wp:heading {"level":3,"style":{"color":{"text":"#cccccc"}}} -->
-					<h3 class="has-text-color" style="color:#346073">' . __( 'Categories', 'seedlet' ) . '</h3><!-- /wp:heading --><!-- wp:categories /-->',
+					'content'    => '<!-- wp:search {"label":"Search","showLabel":false,"placeholder":"Search...","buttonText":"Search","buttonPosition":"button-inside","buttonUseIcon":true} /-->
+					<!-- wp:spacer {"height":50} --><div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div><!-- /wp:spacer -->
+					<!-- wp:heading {"level":3,"className":"archive-page-heading"} --><h3 class="archive-page-heading">' . __( 'Top Posts', 'spearhead' ) . '</h3><!-- /wp:heading --><!-- wp:latest-posts /-->
+					<!-- wp:heading {"level":3,"className":"archive-page-heading"} --><h3 class="archive-page-heading">' . __( 'Categories', 'spearhead' ) . '</h3><!-- /wp:heading -->
+					<!-- wp:categories /-->',
 				)
 			);
 		}

spearhead/style-rtl.css

@@ -301,6 +301,11 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	margin-top: 0;
 }
 
+.archive-page-heading {
+	line-height: 2.2em;
+	margin-bottom: 5px;
+}
+
 .wp-block-search.wp-block-search__icon-button.wp-block-search__button-inside .wp-block-search__button {
 	padding: var(--button--padding-vertical) var(--button--padding-horizontal);
 }
@@ -357,11 +362,24 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	color: var(--global--color-secondary);
 }
 
+.wp-block-latest-posts {
+	margin: 0 auto var(--global--spacing-vertical);
+}
+
+.wp-block-latest-posts > li {
+	line-height: 2.2em;
+}
+
+.wp-block-latest-posts > li:not(.is-grid) {
+	margin: 0 0 5px 0;
+}
+
 .wp-block-latest-posts > li > a {
-	color: var(--global--color-foreground);
+	color: var(--global--color-foreground-light);
 }
 
 .wp-block-latest-posts > li > a:hover {
+	border-color: transparent;
 	color: var(--global--color-primary);
 }
 
@@ -387,6 +405,13 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	text-transform: uppercase;
 }
 
+ul.wp-block-categories,
+.wp-block-categories ul {
+	list-style-type: none;
+	margin-top: 0;
+	padding: 0;
+}
+
 .wp-block-categories ul {
 	list-style-type: none;
 	padding: 0;
@@ -397,11 +422,13 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 }
 
 .wp-block-categories a {
-	font-size: var(--heading--font-size-h3);
 	color: var(--entry-header--color);
+	font-size: var(--latest-posts--title-font-size);
+	font-weight: var(--heading--font-weight);
 }
 
 .wp-block-categories a:hover {
+	border-color: transparent;
 	color: var(--global--color-primary);
 }
 

spearhead/style.css

@@ -301,6 +301,11 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	margin-top: 0;
 }
 
+.archive-page-heading {
+	line-height: 2.2em;
+	margin-bottom: 5px;
+}
+
 .wp-block-search.wp-block-search__icon-button.wp-block-search__button-inside .wp-block-search__button {
 	padding: var(--button--padding-vertical) var(--button--padding-horizontal);
 }
@@ -357,11 +362,24 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	color: var(--global--color-secondary);
 }
 
+.wp-block-latest-posts {
+	margin: 0 auto var(--global--spacing-vertical);
+}
+
+.wp-block-latest-posts > li {
+	line-height: 2.2em;
+}
+
+.wp-block-latest-posts > li:not(.is-grid) {
+	margin: 0 0 5px 0;
+}
+
 .wp-block-latest-posts > li > a {
-	color: var(--global--color-foreground);
+	color: var(--global--color-foreground-light);
 }
 
 .wp-block-latest-posts > li > a:hover {
+	border-color: transparent;
 	color: var(--global--color-primary);
 }
 
@@ -387,6 +405,13 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	text-transform: uppercase;
 }
 
+ul.wp-block-categories,
+.wp-block-categories ul {
+	list-style-type: none;
+	margin-top: 0;
+	padding: 0;
+}
+
 .wp-block-categories ul {
 	list-style-type: none;
 	padding: 0;
@@ -397,11 +422,13 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 }
 
 .wp-block-categories a {
-	font-size: var(--heading--font-size-h3);
 	color: var(--entry-header--color);
+	font-size: var(--latest-posts--title-font-size);
+	font-weight: var(--heading--font-weight);
 }
 
 .wp-block-categories a:hover {
+	border-color: transparent;
 	color: var(--global--color-primary);
 }