Update spacing in banner, font size on small screens

WordPress · May 12, 2023 · 3dac924 · 3dac924
1 parent 3d1eee2
commit 3dac924
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/source/wp-content/themes/wporg-main-2022/patterns/home.php b/source/wp-content/themes/wporg-main-2022/patterns/home.php
@@ -7,9 +7,9 @@
 
 ?>
 <!-- wp:wporg/link-wrapper {"align":"full","backgroundColor":"blueberry-1","textColor":"white","layout":{"type":"constrained"}} -->
-<a class="wp-block-wporg-link-wrapper alignfull has-white-color has-blueberry-1-background-color has-text-color has-background" href="http://wp20.wordpress.net/"><!-- wp:cover {"url":"https://wordpress.org/files/2023/03/confetti-eased-2-1.png","id":17922,"dimRatio":50,"overlayColor":"blueberry-1","focalPoint":{"x":0.5,"y":0.12},"minHeight":80,"contentPosition":"center center","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"8px","right":"0","bottom":"8px","left":"0"}}},"textColor":"white"} -->
-<div class="wp-block-cover alignfull is-light has-white-color has-text-color" style="padding-top:8px;padding-right:0;padding-bottom:8px;padding-left:0;min-height:80px"><span aria-hidden="true" class="wp-block-cover__background has-blueberry-1-background-color has-background-dim"></span><img class="wp-block-cover__image-background wp-image-17922" alt="" src="https://wordpress.org/files/2023/03/confetti-eased-2-1.png" style="object-position:50% 12%" data-object-fit="cover" data-object-position="50% 12%" /><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|edge-space","left":"var:preset|spacing|edge-space"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
-<div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--edge-space);padding-left:var(--wp--preset--spacing--edge-space)"><!-- wp:image {"width":45,"height":29,"sizeSlug":"full","linkDestination":"none"} -->
+<a class="wp-block-wporg-link-wrapper alignfull has-white-color has-blueberry-1-background-color has-text-color has-background" href="http://wp20.wordpress.net/"><!-- wp:cover {"url":"https://wordpress.org/files/2023/03/confetti-eased-2-1.png","id":17922,"dimRatio":50,"overlayColor":"blueberry-1","focalPoint":{"x":0.5,"y":0.12},"minHeight":60,"minHeightUnit":"px","contentPosition":"center center","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"textColor":"white"} -->
+<div class="wp-block-cover alignfull is-light has-white-color has-text-color" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:60px"><span aria-hidden="true" class="wp-block-cover__background has-blueberry-1-background-color has-background-dim"></span><img class="wp-block-cover__image-background wp-image-17922" alt="" src="https://wordpress.org/files/2023/03/confetti-eased-2-1.png" style="object-position:50% 12%" data-object-fit="cover" data-object-position="50% 12%" /><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|edge-space","left":"var:preset|spacing|edge-space","top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"},"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
+<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--edge-space);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--edge-space)"><!-- wp:image {"width":45,"height":29,"sizeSlug":"full","linkDestination":"none"} -->
 <figure class="wp-block-image size-full is-resized"><img src="https://wordpress.org/files/2023/05/wp20-logo-white.png" alt="" width="45" height="29" /></figure>
 <!-- /wp:image -->
 

diff --git a/source/wp-content/themes/wporg-main-2022/src/style/style.scss b/source/wp-content/themes/wporg-main-2022/src/style/style.scss
@@ -53,8 +53,15 @@ html[dir="rtl"] :where([style*="border-right-color"]) {
 }
 
 // Images in the link banner should not shrink.
-body.home .wp-block-wporg-link-wrapper .is-layout-flex .wp-block-image {
-	flex-shrink: 0;
+body.home .wp-block-wporg-link-wrapper {
+
+	@media (max-width: 499px) {
+		font-size: 13px;
+	}
+
+	.is-layout-flex .wp-block-image {
+		flex-shrink: 0;
+	}
 }
 
 /**