瀏覽代碼

Fix article-section-titles + read more links.

Kjell Reigstad 4 年之前
父節點
當前提交
974b049a08

+ 14 - 7
seedlet/assets/css/ie.css

@@ -5837,18 +5837,22 @@ img#wpstats {
 	}
 }
 
-.wp-block-newspack-blocks-homepage-articles .article-section-title {
-	font-size: 1em;
+.wp-block-newspack-blocks-homepage-articles h2.article-section-title {
+	font-size: 24px;
+	letter-spacing: normal;
+	line-height: 1.3;
 	margin-bottom: 15px;
 }
 
-.wp-block-a8c-blog-posts .article-section-title {
-	font-size: 1em;
+.wp-block-a8c-blog-posts h2.article-section-title {
+	font-size: 24px;
+	letter-spacing: normal;
+	line-height: 1.3;
 	margin-bottom: 15px;
 }
 
-.wp-block-newspack-blocks-homepage-articles .article-section-title + article,
-.wp-block-a8c-blog-posts .article-section-title + article {
+.wp-block-newspack-blocks-homepage-articles h2.article-section-title + article,
+.wp-block-a8c-blog-posts h2.article-section-title + article {
 	margin-top: 0;
 }
 
@@ -6144,7 +6148,7 @@ img#wpstats {
 }
 
 @media only screen and (min-width: 592px) {
-	.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid h2 {
+	.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid .article-section-title {
 		margin-left: calc(50% + 13px);
 	}
 	.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid article {
@@ -6165,6 +6169,9 @@ img#wpstats {
 	.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid article:nth-of-type(2n + 1) .entry-meta {
 		justify-content: flex-start;
 	}
+	.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid .more-link {
+		display: inline-block;
+	}
 	.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid.wpnbha.is-grid > div {
 		display: inherit;
 	}

+ 7 - 2
seedlet/assets/css/style-editor.css

@@ -1651,7 +1651,9 @@ pre.wp-block-verse {
 }
 
 .wp-block-a8c-blog-posts .article-section-title {
-	font-size: var(--global--font-size-base);
+	font-size: var(--heading--font-size-h4);
+	letter-spacing: var(--heading--letter-spacing-h4);
+	line-height: var(--heading--line-height-h4);
 	margin-top: 0;
 	margin-bottom: calc(0.5 * var(--global--spacing-vertical));
 }
@@ -1784,7 +1786,7 @@ pre.wp-block-verse {
 	.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid {
 		overflow: hidden;
 	}
-	.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid h2 {
+	.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid .article-section-title {
 		margin-left: calc(50% + (0.5 * var(--global--spacing-horizontal)));
 	}
 	.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid article {
@@ -1805,6 +1807,9 @@ pre.wp-block-verse {
 	.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid article:nth-of-type(2n + 1) .entry-meta {
 		justify-content: flex-start;
 	}
+	.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid article .more-link {
+		display: inline-block;
+	}
 	.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid.wpnbha.is-grid > div {
 		display: inherit;
 	}

+ 8 - 2
seedlet/assets/sass/vendors/jetpack/blocks/blog-posts/_editor.scss

@@ -32,7 +32,9 @@
 	}
 
 	.article-section-title {
-		font-size: var(--global--font-size-base);
+		font-size: var(--heading--font-size-h4);
+		letter-spacing: var(--heading--letter-spacing-h4);
+		line-height: var(--heading--line-height-h4);
 		margin-top: 0;
 		margin-bottom: calc(0.5 * var(--global--spacing-vertical));
 	}
@@ -153,7 +155,7 @@
 		// Necessary so that the block boundaries are respected.
 		overflow: hidden;
 
-		h2 {
+		.article-section-title {
 			margin-left: calc(50% + (0.5 * var(--global--spacing-horizontal)));
 		}
 
@@ -177,6 +179,10 @@
 					justify-content: flex-start;
 				}
 			}
+
+			.more-link {
+				display: inline-block;
+			}
 		}
 
 		// Remove the styles that enforce the grid setting.

+ 9 - 3
seedlet/assets/sass/vendors/jetpack/blocks/blog-posts/_style.scss

@@ -32,8 +32,10 @@
 		}
 	}
 
-	.article-section-title {
-		font-size: var(--global--font-size-base);
+	h2.article-section-title {
+		font-size: var(--heading--font-size-h4);
+		letter-spacing: var(--heading--letter-spacing-h4);
+		line-height: var(--heading--line-height-h4);
 		margin-bottom: calc(0.5 * var(--global--spacing-vertical));
 
 		& + article {
@@ -159,7 +161,7 @@
 @include media(tablet) {
 	.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid {
 
-		h2 {
+		.article-section-title {
 			margin-left: calc(50% + (0.5 * var(--global--spacing-horizontal)));
 		}
 
@@ -185,6 +187,10 @@
 			}
 		}
 
+		.more-link {
+			display: inline-block;
+		}
+
 		// Remove the styles that enforce the grid setting.
 		&.wpnbha.is-grid > div {
 			display: inherit;

+ 7 - 5
seedlet/style-rtl.css

@@ -4142,7 +4142,9 @@ img#wpstats {
 
 .wp-block-newspack-blocks-homepage-articles .article-section-title,
 .wp-block-a8c-blog-posts .article-section-title {
-	font-size: var(--global--font-size-base);
+	font-size: var(--heading--font-size-h4);
+	letter-spacing: var(--heading--letter-spacing-h4);
+	line-height: var(--heading--line-height-h4);
 	margin-bottom: calc(0.5 * var(--global--spacing-vertical));
 }
 
@@ -4358,10 +4360,7 @@ img#wpstats {
 }
 
 @media only screen and (min-width: 592px) {
-	.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid {
-		overflow: hidden;
-	}
-	.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid h2 {
+	.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid .article-section-title {
 		margin-right: calc(50% + (0.5 * var(--global--spacing-horizontal)));
 	}
 	.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid article {
@@ -4382,6 +4381,9 @@ img#wpstats {
 	.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid article:nth-of-type(2n + 1) .entry-meta {
 		justify-content: flex-start;
 	}
+	.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid .more-link {
+		display: inline-block;
+	}
 	.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid.wpnbha.is-grid > div {
 		display: inherit;
 	}

+ 11 - 6
seedlet/style.css

@@ -4165,14 +4165,16 @@ img#wpstats {
 	}
 }
 
-.wp-block-newspack-blocks-homepage-articles .article-section-title,
-.wp-block-a8c-blog-posts .article-section-title {
-	font-size: var(--global--font-size-base);
+.wp-block-newspack-blocks-homepage-articles h2.article-section-title,
+.wp-block-a8c-blog-posts h2.article-section-title {
+	font-size: var(--heading--font-size-h4);
+	letter-spacing: var(--heading--letter-spacing-h4);
+	line-height: var(--heading--line-height-h4);
 	margin-bottom: calc(0.5 * var(--global--spacing-vertical));
 }
 
-.wp-block-newspack-blocks-homepage-articles .article-section-title + article,
-.wp-block-a8c-blog-posts .article-section-title + article {
+.wp-block-newspack-blocks-homepage-articles h2.article-section-title + article,
+.wp-block-a8c-blog-posts h2.article-section-title + article {
 	margin-top: 0;
 }
 
@@ -4383,7 +4385,7 @@ img#wpstats {
 }
 
 @media only screen and (min-width: 592px) {
-	.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid h2 {
+	.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid .article-section-title {
 		margin-left: calc(50% + (0.5 * var(--global--spacing-horizontal)));
 	}
 	.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid article {
@@ -4404,6 +4406,9 @@ img#wpstats {
 	.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid article:nth-of-type(2n + 1) .entry-meta {
 		justify-content: flex-start;
 	}
+	.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid .more-link {
+		display: inline-block;
+	}
 	.wp-block-a8c-blog-posts.is-style-seedlet-alternating-grid.wpnbha.is-grid > div {
 		display: inherit;
 	}