Quadrat: Add pagination arrows through block settings, not in CSS (#4536)

quadrat/assets/theme.css

@@ -368,21 +368,6 @@ ul ul {
 	border-top: 1px solid var(--wp--custom--color--primary);
 }
 
-.wp-block-query-pagination .wp-block-query-pagination-previous::before {
-	content: "←";
-	margin-right: 0.5em;
-}
-
-.wp-block-query-pagination .wp-block-query-pagination-next::after {
-	content: "→";
-	margin-left: 0.5em;
-}
-
-.wp-block-query-pagination .wp-block-query-pagination-previous::before,
-.wp-block-query-pagination .wp-block-query-pagination-next::after {
-	display: inline-block;
-}
-
 .wp-block-query-pagination .page-numbers {
 	padding: 0 0.1em;
 }

quadrat/block-templates/index.html

@@ -11,7 +11,7 @@
 		<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
 		<!-- /wp:spacer -->
 	<!-- /wp:post-template -->
-	<!-- wp:query-pagination {"align":"wide"} -->
+	<!-- wp:query-pagination {"align":"wide","paginationArrow":"arrow"} -->
 	<div class="wp-block-query-pagination alignwide"><!-- wp:query-pagination-previous /-->
 	<!-- wp:query-pagination-numbers /-->
 	<!-- wp:query-pagination-next /--></div>

quadrat/block-templates/search.html

@@ -10,6 +10,15 @@
 		<!-- wp:post-excerpt /-->
 
 	<!-- /wp:query-loop -->
+
+	<!-- wp:query-pagination {"align":"wide","paginationArrow":"arrow"} -->
+		<div class="wp-block-query-pagination alignwide">
+			<!-- wp:query-pagination-previous /-->
+			<!-- wp:query-pagination-numbers /-->
+			<!-- wp:query-pagination-next /-->
+		</div>
+	<!-- /wp:query-pagination -->
+
 	<!-- /wp:query -->
 
 </main>

quadrat/inc/patterns/query-diamond.php

@@ -30,12 +30,12 @@ return array(
 	<!-- /wp:columns -->
 	<!-- /wp:post-template -->
 
-	<!-- wp:query-pagination -->
-	<div class="wp-block-query-pagination"><!-- wp:query-pagination-previous /-->
-
+	<!-- wp:query-pagination {"align":"wide","paginationArrow":"arrow"} -->
+	<div class="wp-block-query-pagination alignwide"><!-- wp:query-pagination-previous /-->
 	<!-- wp:query-pagination-numbers /-->
-
 	<!-- wp:query-pagination-next /--></div>
-	<!-- /wp:query-pagination --></div>
+	<!-- /wp:query-pagination -->
+
+	</div>
 	<!-- /wp:query -->',
 );

quadrat/sass/blocks/_query-pagination.scss

@@ -1,24 +1,6 @@
 .wp-block-query-pagination {
 	border-top: 1px solid var(--wp--custom--color--primary);
 
-	.wp-block-query-pagination-previous {
-		&::before{
-			content:"←";
-			margin-right: 0.5em;
-		}
-	}
-	.wp-block-query-pagination-next {
-		&::after{
-			content:"→";
-			margin-left: 0.5em;
-		}
-	}
-
-	.wp-block-query-pagination-previous::before,
-	.wp-block-query-pagination-next::after {
-		display: inline-block;
-	}
-
 	.page-numbers {
 		padding: 0 0.1em;
 	}