Merge pull request #306 from WordPress/tt1-blocks-css

TT1 blocks: moved block CSS to theme.json
WordPress · Jul 6, 2022 · 909afba · 909afba
2 parents 13ccf7b + 1e1d642
commit 909afba
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 18 deletions.
diff --git a/tt1-blocks/assets/css/blocks.css b/tt1-blocks/assets/css/blocks.css
@@ -192,27 +192,10 @@ hr.is-style-twentytwentyone-separator-thick,
 	width: 100%;
 }
 
-/*--------------------------------------------------------------
-# Site Tagline
---------------------------------------------------------------*/
-
-.wp-block-site-tagline {
-	margin-top: 0;
-	margin-bottom: 0;
-}
-
 /*--------------------------------------------------------------
 # Site Title
 --------------------------------------------------------------*/
 
 h1.wp-block-site-title a:not(:hover):not(:focus):not(:active) {
 	text-decoration: none;
 }
-
-/*--------------------------------------------------------------
-# Single view Post Title
---------------------------------------------------------------*/
-
-h1.wp-block-post-title {
-	font-weight: var(--wp--custom--font-weight--light);
-}
diff --git a/tt1-blocks/block-templates/single.html b/tt1-blocks/block-templates/single.html
@@ -4,7 +4,7 @@
 <div class="wp-block-group">
 	<!-- wp:group {"layout":{"inherit":true}} -->
 	<div class="wp-block-group">
-		<!-- wp:post-title {"level":1,"align":"wide"} /-->
+		<!-- wp:post-title {"level":1,"align":"wide","style":{"typography":{"fontWeight":"300"}}} /-->
 
 		<!-- wp:separator {"align":"wide","className":"is-style-twentytwentyone-separator-thick"} -->
 		<hr class="wp-block-separator alignwide is-style-twentytwentyone-separator-thick"/>

diff --git a/tt1-blocks/theme.json b/tt1-blocks/theme.json
@@ -305,6 +305,14 @@
 					"width": "var(--wp--custom--border--width)"
 				}
 			},
+			"core/site-tagline": {
+				"spacing": {
+					"margin": {
+						"top": "0",
+						"bottom": "0"
+					}
+				}
+			},
 			"core/site-title": {
 				"typography": {
 					"fontSize": "var(--wp--preset--font-size--large)",