ソースを参照

Adjust post title font sizes.

Jeff Ong 3 年 前
コミット
b4c2ef94da

+ 2 - 2
remote/inc/patterns/hidden-404-content.php

@@ -5,8 +5,8 @@
 return array(
 	'title'    => __( '404 content', 'remote' ),
 	'inserter' => false,
-	'content'  => '<!-- wp:heading {"style":{"typography":{"fontSize":"clamp(4rem, 40vw, 20rem)","fontWeight":"100","lineHeight":"1"}},"className":"has-text-align-center"} -->
-	<h2 class="has-text-align-center" style="font-size:clamp(4rem, 40vw, 20rem);font-weight:100;line-height:1">' . esc_html( _x( '404', 'Error code for a webpage that is not found.', 'remote' ) ) . '</h2>
+	'content'  => '<!-- wp:heading {"style":{"typography":{"fontSize":"min(max(42px, 5vw), 72px)","fontWeight":"100","lineHeight":"1"}},"className":"has-text-align-center"} -->
+	<h2 class="has-text-align-center" style="font-size:min(max(42px, 5vw), 72px);font-weight:100;line-height:1">' . esc_html( _x( '404', 'Error code for a webpage that is not found.', 'remote' ) ) . '</h2>
 	<!-- /wp:heading -->
 	<!-- wp:paragraph {"align":"center"} -->
 	<p class="has-text-align-center">' . esc_html__( 'This page could not be found. Maybe try a search?', 'remote' ) . '</p>

+ 1 - 1
remote/inc/patterns/posts-list.php

@@ -18,7 +18,7 @@ return array(
     <!-- /wp:column -->
 
     <!-- wp:column {"verticalAlignment":"center","width":""} -->
-    <div class="wp-block-column is-vertically-aligned-center"><!-- wp:post-title {"isLink":true,"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"typography":{"fontSize":"clamp(3rem, 6vw, 4rem)"}}} /--></div>
+    <div class="wp-block-column is-vertically-aligned-center"><!-- wp:post-title {"isLink":true,"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"typography":{"fontSize":"min(max(42px, 5vw), 72px)"}}} /--></div>
     <!-- /wp:column --></div>
     <!-- /wp:columns -->
     <!-- /wp:post-template -->

+ 1 - 1
remote/templates/page.html

@@ -20,7 +20,7 @@
 			<!-- /wp:column -->
 
 			<!-- wp:column {"verticalAlignment":"center","width":""} -->
-			<div class="wp-block-column is-vertically-aligned-center"><!-- wp:post-title {"isLink":true,"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"typography":{"fontSize":"clamp(3rem, 6vw, 4rem)","lineHeight":"1.17"}}} /--></div>
+			<div class="wp-block-column is-vertically-aligned-center"><!-- wp:post-title {"isLink":true,"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"typography":{"fontSize":"min(max(42px, 5vw), 72px)","lineHeight":"1.17"}}} /--></div>
 		<!-- /wp:column --></div>
 		<!-- /wp:columns -->
 

+ 1 - 1
remote/templates/single.html

@@ -20,7 +20,7 @@
 			<!-- /wp:column -->
 		
 			<!-- wp:column {"verticalAlignment":"center","width":""} -->
-			<div class="wp-block-column is-vertically-aligned-center"><!-- wp:post-title {"isLink":true,"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"typography":{"fontSize":"clamp(3rem, 6vw, 4rem)","lineHeight":"1.17"}}} /--></div>
+			<div class="wp-block-column is-vertically-aligned-center"><!-- wp:post-title {"isLink":true,"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"typography":{"fontSize":"min(max(42px, 5vw), 72px)","lineHeight":"1.17"}}} /--></div>
 		<!-- /wp:column --></div>
 		<!-- /wp:columns -->