Vetro: fix search and 404 results (#6942)

* Remove unused declarations of source serif pro.

* Fix rendering of search results and no results.

vetro/patterns/hidden-404.php

@@ -22,7 +22,7 @@
 <p class="has-text-align-left has-small-font-size" style="font-style:normal;font-weight:500;line-height:1.4"><?php echo esc_html__( 'This page could not be found.', 'vetro' ); ?><br><?php echo esc_html__( 'Maybe try a search?', 'vetro' ); ?></p>
 <!-- /wp:paragraph -->
 
-<!-- wp:search {"label":"<?php echo esc_html__( 'Search', 'vetro' ); ?>","showLabel":false,"width":100,"widthUnit":"%","buttonText":"<?php echo esc_html__( 'Search', 'vetro' ); ?>","buttonUseIcon":true,"align":"center","style":{"border":{"radius":"4px","width":"1px"}},"borderColor":"foreground","backgroundColor":"foreground"} /--></div>
+<!-- wp:search {"label":"<?php echo esc_html__( 'Search', 'vetro' ); ?>","showLabel":false,"width":100,"widthUnit":"%","buttonText":"<?php echo esc_html__( 'Search', 'vetro' ); ?>","buttonUseIcon":true,"align":"center","style":{"border":{"radius":"4px","width":"1px"}},"backgroundColor":"foreground","textColor":"background"} /--></div>
 <!-- /wp:group -->
 
 <!-- wp:spacer {"height":"90px"} -->

vetro/patterns/hidden-no-results-content.php

@@ -0,0 +1,10 @@
+<?php
+/**
+ * Title: Hidden No Results Content
+ * Slug: vetro/hidden-no-results-content
+ * Inserter: no
+ */
+?>
+<!-- wp:paragraph -->
+<p><?php echo esc_html_x( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'Message explaining that there are no results returned from a search', 'block-canvas' ); ?></p>
+<!-- /wp:paragraph -->

vetro/styles/coolorchids.json

@@ -60,31 +60,6 @@
 					"name": "System Font",
 					"slug": "system-font"
 				},
-				{
-					"fontFace": [
-						{
-							"fontFamily": "Source Serif Pro",
-							"fontStretch": "normal",
-							"fontStyle": "normal",
-							"fontWeight": "200 900",
-							"src": [
-								"file:./assets/fonts/source-serif-pro/SourceSerif4Variable-Roman.ttf.woff2"
-							]
-						},
-						{
-							"fontFamily": "Source Serif Pro",
-							"fontStretch": "normal",
-							"fontStyle": "italic",
-							"fontWeight": "200 900",
-							"src": [
-								"file:./assets/fonts/source-serif-pro/SourceSerif4Variable-Italic.ttf.woff2"
-							]
-						}
-					],
-					"fontFamily": "\"Source Serif Pro\", serif",
-					"name": "Source Serif Pro",
-					"slug": "source-serif-pro"
-				},
 				{
 					"fontFace": [
 						{
@@ -148,7 +123,6 @@
 			},
 			"core/post-title": {
 				"typography": {
-					"fontFamily": "var(--wp--preset--font-family--source-serif-pro)",
 					"fontSize": "var(--wp--custom--typography--font-size--gigantic)",
 					"fontWeight": "300",
 					"lineHeight": "var(--wp--custom--typography--line-height--tiny)"
@@ -161,7 +135,6 @@
 			},
 			"core/query-title": {
 				"typography": {
-					"fontFamily": "var(--wp--preset--font-family--source-serif-pro)",
 					"fontSize": "var(--wp--custom--typography--font-size--gigantic)",
 					"fontWeight": "300",
 					"lineHeight": "var(--wp--custom--typography--line-height--small)"

vetro/styles/eggplantlemon.json

@@ -60,31 +60,6 @@
 					"name": "System Font",
 					"slug": "system-font"
 				},
-				{
-					"fontFace": [
-						{
-							"fontFamily": "Source Serif Pro",
-							"fontStretch": "normal",
-							"fontStyle": "normal",
-							"fontWeight": "200 900",
-							"src": [
-								"file:./assets/fonts/source-serif-pro/SourceSerif4Variable-Roman.ttf.woff2"
-							]
-						},
-						{
-							"fontFamily": "Source Serif Pro",
-							"fontStretch": "normal",
-							"fontStyle": "italic",
-							"fontWeight": "200 900",
-							"src": [
-								"file:./assets/fonts/source-serif-pro/SourceSerif4Variable-Italic.ttf.woff2"
-							]
-						}
-					],
-					"fontFamily": "\"Source Serif Pro\", serif",
-					"name": "Source Serif Pro",
-					"slug": "source-serif-pro"
-				},
 				{
 					"fontFace": [
 						{
@@ -148,7 +123,6 @@
 			},
 			"core/post-title": {
 				"typography": {
-					"fontFamily": "var(--wp--preset--font-family--source-serif-pro)",
 					"fontSize": "var(--wp--custom--typography--font-size--gigantic)",
 					"fontWeight": "300",
 					"lineHeight": "var(--wp--custom--typography--line-height--tiny)"
@@ -161,7 +135,6 @@
 			},
 			"core/query-title": {
 				"typography": {
-					"fontFamily": "var(--wp--preset--font-family--source-serif-pro)",
 					"fontSize": "var(--wp--custom--typography--font-size--gigantic)",
 					"fontWeight": "300",
 					"lineHeight": "var(--wp--custom--typography--line-height--small)"

vetro/styles/neutral.json

@@ -60,31 +60,6 @@
 					"name": "System Font",
 					"slug": "system-font"
 				},
-				{
-					"fontFace": [
-						{
-							"fontFamily": "Source Serif Pro",
-							"fontStretch": "normal",
-							"fontStyle": "normal",
-							"fontWeight": "200 900",
-							"src": [
-								"file:./assets/fonts/source-serif-pro/SourceSerif4Variable-Roman.ttf.woff2"
-							]
-						},
-						{
-							"fontFamily": "Source Serif Pro",
-							"fontStretch": "normal",
-							"fontStyle": "italic",
-							"fontWeight": "200 900",
-							"src": [
-								"file:./assets/fonts/source-serif-pro/SourceSerif4Variable-Italic.ttf.woff2"
-							]
-						}
-					],
-					"fontFamily": "\"Source Serif Pro\", serif",
-					"name": "Source Serif Pro",
-					"slug": "source-serif-pro"
-				},
 				{
 					"fontFace": [
 						{
@@ -150,7 +125,6 @@
 			},
 			"core/post-title": {
 				"typography": {
-					"fontFamily": "var(--wp--preset--font-family--source-serif-pro)",
 					"fontSize": "var(--wp--custom--typography--font-size--gigantic)",
 					"fontWeight": "300",
 					"lineHeight": "var(--wp--custom--typography--line-height--tiny)"
@@ -163,7 +137,6 @@
 			},
 			"core/query-title": {
 				"typography": {
-					"fontFamily": "var(--wp--preset--font-family--source-serif-pro)",
 					"fontSize": "var(--wp--custom--typography--font-size--gigantic)",
 					"fontWeight": "300",
 					"lineHeight": "var(--wp--custom--typography--line-height--small)"

vetro/templates/search.html

@@ -3,19 +3,27 @@
 <!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"0px","bottom":"0px"},"blockGap":"0px","margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"constrained"}} -->
 <main class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"0px","right":"40%","bottom":"0px","left":"0px"},"margin":{"top":"180px","bottom":"90px"},"blockGap":"0px"}},"layout":{"type":"default"}} -->
 <div class="wp-block-group alignwide" style="margin-top:180px;margin-bottom:90px;padding-top:0px;padding-right:40%;padding-bottom:0px;padding-left:0px"><!-- wp:group {"style":{"spacing":{"padding":{"bottom":"40px","top":"0px","right":"0px","left":"0px"},"blockGap":"0px"},"typography":{"fontStyle":"normal","fontWeight":"500"}},"layout":{"inherit":true,"type":"constrained"},"fontSize":"small"} -->
-<div class="wp-block-group has-small-font-size" style="padding-top:0px;padding-right:0px;padding-bottom:40px;padding-left:0px;font-style:normal;font-weight:500"><!-- wp:search {"label":"Search","showLabel":false,"width":100,"widthUnit":"%","buttonText":"Search","buttonUseIcon":true,"style":{"border":{"radius":"4px","width":"1px"}},"borderColor":"custom-eggplant","backgroundColor":"foreground"} /--></div>
+<div class="wp-block-group has-small-font-size" style="padding-top:0px;padding-right:0px;padding-bottom:40px;padding-left:0px;font-style:normal;font-weight:500"><!-- wp:search {"label":"Search","showLabel":false,"width":100,"widthUnit":"%","buttonText":"Search","buttonUseIcon":true,"style":{"border":{"radius":"4px","width":"1px"}},"borderColor":"background","backgroundColor":"foreground","textColor":"background"} /--></div>
 <!-- /wp:group -->
 
-<!-- wp:query {"query":{"perPage":"6","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false},"displayLayout":{"type":"list","columns":2},"layout":{"type":"default"}} -->
-<div class="wp-block-query"><!-- wp:post-template -->
+<!-- wp:query {"query":{"perPage":"6","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"displayLayout":{"type":"list","columns":2},"layout":{"type":"default"}} -->
+<div class="wp-block-query">
+	
+<!-- wp:query-title {"type":"search","fontFamily":"inter"} /-->
+
+<!-- wp:query-no-results -->
+	<!-- wp:pattern {"slug":"vetro/hidden-no-results-content"} /-->
+<!-- /wp:query-no-results -->
+
+<!-- wp:post-template -->
 <!-- wp:post-featured-image {"isLink":true,"width":"","height":"640px","style":{"border":{"radius":"8px"}}} /-->
 
-<!-- wp:post-title {"isLink":true,"style":{"typography":{"lineHeight":"1.1","fontSize":"4rem","fontStyle":"normal","fontWeight":"600","letterSpacing":"-1px"},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} /-->
+<!-- wp:post-title {"isLink":true,"style":{"typography":{"lineHeight":"1.1","fontSize":"4rem","fontStyle":"normal","fontWeight":"600","letterSpacing":"-1px"}}} /-->
 
-<!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":"0px","margin":{"top":"20px","bottom":"20px"}}},"layout":{"type":"flex","orientation":"vertical"}} -->
-<div class="wp-block-group" style="margin-top:20px;margin-bottom:20px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:post-terms {"term":"category","separator":" × ","style":{"typography":{"fontStyle":"normal","fontWeight":"500","lineHeight":"1"}},"fontSize":"small"} /-->
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group"><!-- wp:post-terms {"term":"category","separator":" × ","style":{"typography":{"fontStyle":"normal","fontWeight":"500","lineHeight":"1"}},"fontSize":"small"} /-->
 
-<!-- wp:post-author {"textAlign":"left","showAvatar":false,"style":{"typography":{"lineHeight":"1","textTransform":"uppercase","fontStyle":"normal","fontWeight":"500"},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"fontSize":"small"} /--></div>
+<!-- wp:post-author {"showAvatar":false} /--></div>
 <!-- /wp:group -->
 
 <!-- wp:spacer {"height":"40px","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} -->
@@ -30,6 +38,7 @@
 
 <!-- wp:query-pagination-next /-->
 <!-- /wp:query-pagination --></div>
+
 <!-- /wp:query --></div>
 <!-- /wp:group --></main>
 <!-- /wp:group -->

vetro/theme.json

@@ -74,31 +74,6 @@
 					"name": "System Font",
 					"slug": "system-font"
 				},
-				{
-					"fontFace": [
-						{
-							"fontFamily": "Source Serif Pro",
-							"fontStretch": "normal",
-							"fontStyle": "normal",
-							"fontWeight": "200 900",
-							"src": [
-								"file:./assets/fonts/source-serif-pro/SourceSerif4Variable-Roman.ttf.woff2"
-							]
-						},
-						{
-							"fontFamily": "Source Serif Pro",
-							"fontStretch": "normal",
-							"fontStyle": "italic",
-							"fontWeight": "200 900",
-							"src": [
-								"file:./assets/fonts/source-serif-pro/SourceSerif4Variable-Italic.ttf.woff2"
-							]
-						}
-					],
-					"fontFamily": "\"Source Serif Pro\", serif",
-					"name": "Source Serif Pro",
-					"slug": "source-serif-pro"
-				},
 				{
 					"fontFace": [
 						{
@@ -186,7 +161,6 @@
 			},
 			"core/post-title": {
 				"typography": {
-					"fontFamily": "var(--wp--preset--font-family--source-serif-pro)",
 					"fontSize": "var(--wp--custom--typography--font-size--gigantic)",
 					"fontWeight": "300",
 					"lineHeight": "var(--wp--custom--typography--line-height--tiny)"
@@ -199,7 +173,6 @@
 			},
 			"core/query-title": {
 				"typography": {
-					"fontFamily": "var(--wp--preset--font-family--source-serif-pro)",
 					"fontSize": "var(--wp--custom--typography--font-size--gigantic)",
 					"fontWeight": "300",
 					"lineHeight": "var(--wp--custom--typography--line-height--small)"