From 4d0a967d783d90fd124d017b466a6ee5e78bbdcc Mon Sep 17 00:00:00 2001
From: ren <18050944+renintw@users.noreply.github.com>
Date: Tue, 17 Oct 2023 00:36:53 +0900
Subject: [PATCH] Change margin bottom of dot pattern to max 60 & min 40

---
 .../themes/wporg-showcase-2022/src/style/style.scss  | 12 ------------
 .../wporg-showcase-2022/templates/page-log-in.html   |  4 ++--
 .../wporg-showcase-2022/templates/page-thanks.html   |  4 ++--
 3 files changed, 4 insertions(+), 16 deletions(-)

diff --git a/source/wp-content/themes/wporg-showcase-2022/src/style/style.scss b/source/wp-content/themes/wporg-showcase-2022/src/style/style.scss
index ed307ee0..e0971c48 100644
--- a/source/wp-content/themes/wporg-showcase-2022/src/style/style.scss
+++ b/source/wp-content/themes/wporg-showcase-2022/src/style/style.scss
@@ -219,18 +219,6 @@ body.page-template-page-submit-confirmation .wp-site-blocks {
 	color: var(--wp--preset--color--white);
 }
 
-body.page-template-page-submit-confirmation,
-body.page-template-page-submit {
-
-	/* Adjust margin used to pull the header over the dots background when the font size changes. */
-	@media (min-width: 599px) {
-		.wp-block-spacer.has-dark-dots-background,
-		.wp-block-spacer.has-blue-dots-background {
-			margin-bottom: 70px !important;
-		}
-	}
-}
-
 /* Add background to spacers. These are custom classes, not attached as block styles. */
 .wp-block-spacer {
 	&.has-dots-background,
diff --git a/source/wp-content/themes/wporg-showcase-2022/templates/page-log-in.html b/source/wp-content/themes/wporg-showcase-2022/templates/page-log-in.html
index 2596d708..ffaf76b4 100644
--- a/source/wp-content/themes/wporg-showcase-2022/templates/page-log-in.html
+++ b/source/wp-content/themes/wporg-showcase-2022/templates/page-log-in.html
@@ -4,8 +4,8 @@
 <main class="wp-block-group" style="padding-left:var(--wp--preset--spacing--edge-space);padding-right:var(--wp--preset--spacing--edge-space)">
 	<!-- wp:group {"layout":{"type":"constrained","wideSize":"1760px"}} -->
 	<div class="wp-block-group">
-		<!-- wp:spacer {"height":"125px","className":"alignwide has-blue-dots-background","style":{"spacing":{"margin":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|40"}}}} -->
-		<div style="margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--40);height:125px" aria-hidden="true" class="wp-block-spacer alignwide has-blue-dots-background"></div>
+		<!-- wp:spacer {"height":"125px","className":"alignwide has-blue-dots-background","style":{"spacing":{"margin":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}}} -->
+		<div style="margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50);height:125px" aria-hidden="true" class="wp-block-spacer alignwide has-blue-dots-background"></div>
 		<!-- /wp:spacer -->
 	</div>
 	<!-- /wp:group -->
diff --git a/source/wp-content/themes/wporg-showcase-2022/templates/page-thanks.html b/source/wp-content/themes/wporg-showcase-2022/templates/page-thanks.html
index 8eb79393..ee29f837 100644
--- a/source/wp-content/themes/wporg-showcase-2022/templates/page-thanks.html
+++ b/source/wp-content/themes/wporg-showcase-2022/templates/page-thanks.html
@@ -4,8 +4,8 @@
 
 <!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"0px","padding":{"left":"var:preset|spacing|edge-space","right":"var:preset|spacing|edge-space"}}},"layout":{"type":"constrained","wideSize":"1760px"}} -->
 <main class="wp-block-group" style="padding-left:var(--wp--preset--spacing--edge-space);padding-right:var(--wp--preset--spacing--edge-space)">
-	<!-- wp:spacer {"height":"125px","className":"alignwide has-dark-dots-background","style":{"spacing":{"margin":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|40"}}}} -->
-	<div style="margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--40);height:125px" aria-hidden="true" class="wp-block-spacer alignwide has-dark-dots-background"></div>
+	<!-- wp:spacer {"height":"125px","className":"alignwide has-dark-dots-background","style":{"spacing":{"margin":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}}} -->
+	<div style="margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50);height:125px" aria-hidden="true" class="wp-block-spacer alignwide has-dark-dots-background"></div>
 	<!-- /wp:spacer -->
 
 	<!-- wp:post-content /-->