created new query block pattern

quadrat/assets/theme.css

@@ -41,6 +41,44 @@
 	text-align: right;
 }
 
+.horizontal-query-pattern .wp-block-post-title a,
+.vertical-query-pattern .wp-block-post-title a {
+	text-decoration: none;
+}
+
+.vertical-query-pattern .wp-block-cover {
+	margin-top: 0;
+}
+
+.vertical-query-pattern img {
+	aspect-ratio: 16 / 9;
+	-o-object-fit: cover;
+	   object-fit: cover;
+}
+
+.horizontal-query-pattern {
+	align-items: stretch;
+}
+
+.horizontal-query-pattern figure.wp-block-post-featured-image {
+	margin-top: 0;
+	height: 100%;
+}
+
+.horizontal-query-pattern img {
+	height: 100%;
+	-o-object-fit: cover;
+	   object-fit: cover;
+}
+
+.horizontal-query-pattern .wp-block-column {
+	margin-top: 0;
+}
+
+.horizontal-query-pattern.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {
+	margin-left: 0;
+}
+
 .wp-block-cover.is-style-quadrat-cover-diamond::after {
 	background-image: url(rotated.svg);
 	background-position: center;

quadrat/inc/block-patterns.php

@@ -23,6 +23,7 @@ if ( ! function_exists( 'quadrat_register_block_patterns' ) ) :
 				'headline-button',
 				'headlines-and-buttons',
 				'query-diamond',
+				'query-episodes',
 				'latest-episodes',
 				'listen-to-the-podcast',
 				'media-text-button',

quadrat/inc/patterns/query-episodes.php

@@ -0,0 +1,42 @@
+<?php
+/**
+ * Latest three episodes.
+ *
+ * @package Quadrat
+ */
+
+return array(
+	'title'      => __( 'Latest three episodes', 'quadrat' ),
+	'categories' => array( 'quadrat' ),
+	'blockTypes' => array( 'core/query' ),
+	'content'    => '<!-- wp:query {"query":{"perPage":"2","pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false},"displayLayout":{"type":"flex","columns":2},"align":"wide"} -->
+	<div class="wp-block-query alignwide"><!-- wp:post-template -->
+	<!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"className":"vertical-query-pattern","layout":{"inherit":false}} -->
+	<div class="wp-block-group vertical-query-pattern" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:post-featured-image {"className":"image-no-margin mb-0"} /-->
+	
+	<!-- wp:cover {"overlayColor":"tertiary","minHeight":360,"className":"mt-0","style":{"spacing":{"padding":{"top":"30px","right":"40px","bottom":"20px","left":"40px"}}}} -->
+	<div class="wp-block-cover has-tertiary-background-color has-background-dim mt-0" style="padding-top:30px;padding-right:40px;padding-bottom:20px;padding-left:40px;min-height:360px"><div class="wp-block-cover__inner-container"><!-- wp:post-title {"isLink":true,"linkTarget":"_blank","textColor":"primary"} /-->
+	
+	<!-- wp:post-excerpt {"textColor":"primary","fontSize":"small"} /--></div></div>
+	<!-- /wp:cover --></div>
+	<!-- /wp:group -->
+	<!-- /wp:post-template --></div>
+	<!-- /wp:query -->
+	<!-- wp:query {"queryId":34,"query":{"perPage":"1","pages":0,"offset":"2","postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false},"align":"wide"} -->
+	<div class="wp-block-query alignwide"><!-- wp:post-template -->
+	<!-- wp:columns {"className":"horizontal-query-pattern"} -->
+	<div class="wp-block-columns horizontal-query-pattern"><!-- wp:column {"width":"33%"} -->
+	<div class="wp-block-column" style="flex-basis:33%"><!-- wp:post-featured-image {"className":"image-no-margin mb-0"} /--></div>
+	<!-- /wp:column -->
+	
+	<!-- wp:column {"width":"66%"} -->
+	<div class="wp-block-column" style="flex-basis:66%"><!-- wp:cover {"overlayColor":"tertiary","minHeight":360,"className":"mt-0","style":{"spacing":{"padding":{"top":"30px","right":"40px","bottom":"20px","left":"40px"}}}} -->
+	<div class="wp-block-cover has-tertiary-background-color has-background-dim mt-0" style="padding-top:30px;padding-right:40px;padding-bottom:20px;padding-left:40px;min-height:360px"><div class="wp-block-cover__inner-container"><!-- wp:post-title {"isLink":true,"linkTarget":"_blank","textColor":"primary"} /-->
+	
+	<!-- wp:post-excerpt {"textColor":"primary","fontSize":"small"} /--></div></div>
+	<!-- /wp:cover --></div>
+	<!-- /wp:column --></div>
+	<!-- /wp:columns -->
+	<!-- /wp:post-template --></div>
+	<!-- /wp:query -->',
+);

quadrat/sass/block-patterns/_query.scss

@@ -0,0 +1,34 @@
+.horizontal-query-pattern,
+.vertical-query-pattern {
+	.wp-block-post-title a {
+		text-decoration: none;
+	}
+}
+
+.vertical-query-pattern {
+	.wp-block-cover {
+		margin-top: 0;
+	}
+	img {
+		aspect-ratio: 16 / 9;
+		object-fit: cover;
+	}
+}
+
+.horizontal-query-pattern {
+	align-items: stretch;
+	figure.wp-block-post-featured-image {
+		margin-top: 0;
+		height: 100%;
+	}
+	img {
+		height: 100%;
+		object-fit: cover;
+	}
+	.wp-block-column {
+		margin-top: 0;
+	}
+	&.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {
+		margin-left: 0;
+	}
+}

quadrat/sass/theme.scss

@@ -2,6 +2,7 @@
 @import "../../blockbase/sass/base/mixins";
 @import "block-patterns/headlines";
 @import "block-patterns/join";
+@import "block-patterns/query";
 @import "block-styles/cover";
 @import "block-styles/query";
 @import "../../blockbase/sass/blocks/_buttons-outline-style";