[Block Library - Query Pagination]: Fix center alignment (#34739)

WordPress · Sep 10, 2021 · 8e4ebfa · 8e4ebfa
1 parent f7e057b
commit 8e4ebfa
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/packages/block-library/src/query-pagination/editor.scss b/packages/block-library/src/query-pagination/editor.scss
@@ -6,6 +6,11 @@ $pagination-margin: 0.5em;
 	flex-direction: row;
 }
 
+// Center flex items. This has an equivalent in style.scss.
+.wp-block[data-align="center"] > .wp-block-query-pagination {
+	justify-content: center;
+}
+
 .editor-styles-wrapper {
 	.wp-block-query-pagination {
 		max-width: 100%;

diff --git a/packages/block-library/src/query-pagination/style.scss b/packages/block-library/src/query-pagination/style.scss
@@ -36,4 +36,8 @@ $pagination-margin: 0.5em;
 			transform: scaleX(1) #{"/*rtl:scaleX(-1);*/"}; // This points the arrow right for LTR and left for RTL.
 		}
 	}
+
+	&.aligncenter {
+		justify-content: center;
+	}
 }