浏览代码

Curator: design fixes (#6125)

* Ensure letter spacing for headings is reduced.

* Increase default font size.

* Reduce spacing below archive title.

* Tighten spacing and change empty state to primary background color.
Jeff Ong 3 年之前
父节点
当前提交
72e7861568
共有 3 个文件被更改,包括 9 次插入5 次删除
  1. 3 3
      curator/patterns/post-hero.php
  2. 1 1
      curator/templates/archive.html
  3. 5 1
      curator/theme.json

+ 3 - 3
curator/patterns/post-hero.php

@@ -7,14 +7,14 @@
 
 ?>
 
-<!-- wp:cover {"overlayColor":"foreground","minHeightUnit":"vh","style":{"spacing":{"margin":{"top":"0px"},"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
-<div class="wp-block-cover" style="margin-top:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><span aria-hidden="true" class="wp-block-cover__background has-foreground-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:cover {"useFeaturedImage":true,"dimRatio":40,"overlayColor":"foreground","minHeight":440,"minHeightUnit":"px","style":{"spacing":{"padding":{"top":"120px","right":"clamp(20px, 4vw, 90px)","bottom":"120px","left":"clamp(20px, 4vw, 90px)"}}}} -->
+<!-- wp:cover {"overlayColor":"primary","minHeightUnit":"vh","style":{"spacing":{"margin":{"top":"0px"},"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
+<div class="wp-block-cover" style="margin-top:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:cover {"useFeaturedImage":true,"dimRatio":40,"overlayColor":"foreground","minHeight":440,"minHeightUnit":"px","style":{"spacing":{"padding":{"top":"120px","right":"clamp(20px, 4vw, 90px)","bottom":"120px","left":"clamp(20px, 4vw, 90px)"}}}} -->
 <div class="wp-block-cover" style="min-height:440px;padding-top:120px;padding-right:clamp(20px, 4vw, 90px);padding-bottom:120px;padding-left:clamp(20px, 4vw, 90px)"><span aria-hidden="true" class="wp-block-cover__background has-foreground-background-color has-background-dim-40 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
 <div class="wp-block-group"><!-- wp:post-terms {"term":"category","style":{"typography":{"fontStyle":"normal","fontWeight":"700"},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"textColor":"background","fontSize":"medium"} /-->
 
 <!-- wp:post-date {"textColor":"background","fontSize":"medium"} /--></div>
 <!-- /wp:group -->
 
-<!-- wp:post-title {"textAlign":"center","level":1,"textColor":"background"} /--></div></div>
+<!-- wp:post-title {"textAlign":"center","level":1,"style":{"spacing":{"margin":{"top":"1rem"}}},"textColor":"background"} /--></div></div>
 <!-- /wp:cover --></div></div>
 <!-- /wp:cover -->

+ 1 - 1
curator/templates/archive.html

@@ -4,7 +4,7 @@
 <main class="wp-block-group" style="padding-top:3rem;padding-bottom:2.5rem">
 
 	<!-- wp:group {"layout":{"inherit":true}} -->
-	<div class="wp-block-group"><!-- wp:query-title {"type":"archive","textAlign":"center","align":"wide","style":{"spacing":{"margin":{"bottom":"100px"}}}} /--></div>
+	<div class="wp-block-group"><!-- wp:query-title {"type":"archive","textAlign":"center","align":"wide","style":{"spacing":{"margin":{"bottom":"4rem"}}}} /--></div>
 	<!-- /wp:group -->
 	
 	<!-- wp:pattern {"slug":"curator/posts-grid"} /-->

+ 5 - 1
curator/theme.json

@@ -73,7 +73,7 @@
 			}
 		},
 		"layout": {
-			"contentSize": "580px",
+			"contentSize": "620px",
 			"wideSize": "980px"
 		},
 		"spacing": {
@@ -281,6 +281,7 @@
 				},
 				"typography": {
 					"fontFamily": "var(--wp--preset--font-family--heading-font)",
+					"letterSpacing": "-0.02em",
 					"lineHeight": "1.125",
 					"textDecoration": "none"
 				},
@@ -389,6 +390,7 @@
 					"fontFamily": "var(--wp--preset--font-family--heading-font)",
 					"fontWeight": "900",
 					"fontSize": "clamp(3.375rem, 10vw, 5.875rem)",
+					"letterSpacing": "-0.02em",
 					"lineHeight": "1"
 				}
 			},
@@ -397,6 +399,7 @@
 					"fontFamily": "var(--wp--preset--font-family--heading-font)",
 					"fontWeight": "900",
 					"fontSize": "clamp(2rem, 8.5vw, 2.75rem)",
+					"letterSpacing": "-0.02em",
 					"lineHeight": "1"
 				}
 			},
@@ -422,6 +425,7 @@
 					"fontWeight": "900",
 					"fontSize": "1.375rem",
 					"textTransform": "uppercase",
+					"letterSpacing": "-0.02em",
 					"lineHeight": "1.2"
 				}
 			},