Change margin bottom of dot pattern to max 60 & min 40

WordPress · Oct 16, 2023 · 4d0a967 · 4d0a967
1 parent 22231c2
commit 4d0a967
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 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
@@ -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
@@ -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
@@ -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 /-->