Quellcode durchsuchen

fixed styles for native jetpack related posts

Maggie Cabrera vor 4 Jahren
Ursprung
Commit
c1d664304e

+ 23 - 0
spearhead/assets/sass/block-extends/_related-posts.scss

@@ -20,4 +20,27 @@
 		font-size: var(--global--font-size-xs);
 		text-transform: uppercase;
 	}
+}
+
+/* The built in Jetpack related posts has different markup */
+#jp-relatedposts {
+	.jp-relatedposts-items {
+		p {
+			font-size: var(--global--font-size-base);
+		}
+	}
+
+	h3.jp-relatedposts-headline {
+		font-size: var(--wp--present--font-size--medium, --global--font-size-md);
+		margin-bottom: var(--global--spacing-vertical);
+		width: 100%;
+
+		em {
+			font-weight: var(--global--font-weight);
+			&:before {
+				border-color: var(--separator--border-color);
+				margin-bottom: var(--global--spacing-vertical);
+			}
+		}
+	}
 }

+ 20 - 0
spearhead/style-rtl.css

@@ -490,6 +490,26 @@ ul.wp-block-categories,
 	text-transform: uppercase;
 }
 
+/* The built in Jetpack related posts has different markup */
+#jp-relatedposts .jp-relatedposts-items p {
+	font-size: var(--global--font-size-base);
+}
+
+#jp-relatedposts h3.jp-relatedposts-headline {
+	font-size: var(--wp--present--font-size--medium, --global--font-size-md);
+	margin-bottom: var(--global--spacing-vertical);
+	width: 100%;
+}
+
+#jp-relatedposts h3.jp-relatedposts-headline em {
+	font-weight: var(--global--font-weight);
+}
+
+#jp-relatedposts h3.jp-relatedposts-headline em:before {
+	border-color: var(--separator--border-color);
+	margin-bottom: var(--global--spacing-vertical);
+}
+
 .wp-block-newspack-blocks-homepage-articles.wpnbha article,
 .wp-block-a8c-blog-posts.wpnbha article {
 	margin: 0 auto;

+ 20 - 0
spearhead/style.css

@@ -490,6 +490,26 @@ ul.wp-block-categories,
 	text-transform: uppercase;
 }
 
+/* The built in Jetpack related posts has different markup */
+#jp-relatedposts .jp-relatedposts-items p {
+	font-size: var(--global--font-size-base);
+}
+
+#jp-relatedposts h3.jp-relatedposts-headline {
+	font-size: var(--wp--present--font-size--medium, --global--font-size-md);
+	margin-bottom: var(--global--spacing-vertical);
+	width: 100%;
+}
+
+#jp-relatedposts h3.jp-relatedposts-headline em {
+	font-weight: var(--global--font-weight);
+}
+
+#jp-relatedposts h3.jp-relatedposts-headline em:before {
+	border-color: var(--separator--border-color);
+	margin-bottom: var(--global--spacing-vertical);
+}
+
 .wp-block-newspack-blocks-homepage-articles.wpnbha article,
 .wp-block-a8c-blog-posts.wpnbha article {
 	margin: 0 auto;

Datei-Diff unterdrückt, da er zu groß ist
+ 0 - 0
spearhead/style.css.map


Einige Dateien werden nicht angezeigt, da zu viele Dateien in diesem Diff geändert wurden.