Blocks: Use custom property for pagination spacing

This switches the query-pagination spacing to use margin (to prevent a double-space issue from the block gap), and use the preset spacing variable. It also updates the specificity to override the core margin. This can't be done in theme.json because this block doesn't support spacing (yet).
WordPress · Nov 30, 2022 · e175506 · e175506
1 parent b5bd0b6
commit e175506
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/source/wp-content/themes/wporg-parent-2021/sass/blocks/_query-pagination.scss b/source/wp-content/themes/wporg-parent-2021/sass/blocks/_query-pagination.scss
@@ -2,11 +2,11 @@
  padding: 2em 0;
 }
 
-.wp-block-query-pagination {
+.wp-block-query-pagination.wp-block-query-pagination {
  line-height: normal;
  color: var(--wp--custom--link--color--text);
- padding-top: 40px;
- padding-bottom: 64px;
+ margin-top: var(--wp--preset--spacing--40);
+ margin-bottom: var(--wp--preset--spacing--40);
  gap: 0 !important;
 
  @include break-small-only() {