Skatepark: remove unneeded CSS for mixed media pattern (#4477)

* Remove unneeded margin overrides and make padding consistent. * Reduce margins for h4 - h6 * JK, leave the heading margins alone. * Add a spacer.
Automattic · Aug 26, 2021 · dc09d11 · dc09d11
1 parent 89c0875
commit dc09d11
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 15 deletions.
diff --git a/skatepark/assets/theme.css b/skatepark/assets/theme.css
diff --git a/skatepark/inc/patterns/mixed-media-in-container.php b/skatepark/inc/patterns/mixed-media-in-container.php
@@ -12,8 +12,8 @@
 	<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
 	<!-- /wp:spacer -->
 	
-	<!-- wp:group {"align":"wide","style":{"border":{"style":"solid"},"spacing":{"padding":{"top":"3%","right":"4%","bottom":"4%","left":"4%"}}},"className":"skatepark-mixed-media-in-container"} -->
-	<div class="wp-block-group alignwide skatepark-mixed-media-in-container" style="border-style:solid;padding-top:3%;padding-right:4%;padding-bottom:4%;padding-left:4%"><!-- wp:columns {"align":"wide"} -->
+	<!-- wp:group {"align":"wide","style":{"border":{"style":"solid"},"spacing":{"padding":{"top":"4%","right":"4%","bottom":"4%","left":"4%"}}},"className":"skatepark-mixed-media-in-container"} -->
+	<div class="wp-block-group alignwide skatepark-mixed-media-in-container" style="border-style:solid;padding-top:4%;padding-right:4%;padding-bottom:4%;padding-left:4%"><!-- wp:columns {"align":"wide"} -->
 	<div class="wp-block-columns alignwide"><!-- wp:column {"width":"33.33%"} -->
 	<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:heading {"level":3} -->
 	<h3>' . esc_html__( 'Why Camp?', 'skatepark' ) . '</h3>
@@ -47,7 +47,9 @@
 	
 	<!-- wp:paragraph -->
 	<p>' . esc_html__( 'Skateboarding can teach people discipline, patience, and resiliency. It’s a great sport for kids with a lot of energy! We’ll help build up some structure and support in your life, and you’ll have fun.', 'skatepark' ) . '</p>
-	<!-- /wp:paragraph --></div>
+	<!-- /wp:paragraph --><!-- wp:spacer {"height":40} -->
+	<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
+	<!-- /wp:spacer --></div>
 	<!-- /wp:column -->
 	
 	<!-- wp:column -->

diff --git a/skatepark/sass/block-patterns/_mixed-media-in-container.scss b/skatepark/sass/block-patterns/_mixed-media-in-container.scss
diff --git a/skatepark/sass/theme.scss b/skatepark/sass/theme.scss
@@ -13,7 +13,6 @@
 @import "block-styles/indented-paragraph";
 @import "block-styles/side-quote";
 @import "block-styles/testimonial-quote";
-@import "block-patterns/mixed-media-in-container";
 @import "block-patterns/pre-footer";
 @import "block-patterns/paragraph-with-quote";
 @import "elements/headings";