Merge pull request #2620 from Automattic/fix/spearhead-read-more

Seedlet: read more link font size consistency

spearhead/assets/sass/_posts-and-pages.scss

@@ -66,32 +66,32 @@
 }
 
 .entry-content {
-    .more-link {
-        margin-top: 0;
-        display: inline-block;
-        color: var(--global--color-foreground);
+	.more-link {
+		color: var(--global--color-foreground);
+		display: inline-block;
+		font-size: var(--entry-meta--font-size);
+		margin-top: 0;
 
-        &:hover {
-            color: var(--global--color-primary-hover);
+		&:hover {
+			color: var(--global--color-primary-hover);
 		}
 
-        &:after {
-            content: none;
+		&:after {
+			content: none;
 		}
 
-        svg {
-            height: var(--global--font-size-base);
-            width: var(--global--font-size-base);
-            margin-left: -0.25em;
-            display: inline-block;
-            vertical-align: middle;
-            transform: rotate(-90deg);
-        }
+		svg {
+			height: var(--global--font-size-base);
+			width: var(--global--font-size-base);
+			margin-left: -0.25em;
+			display: inline-block;
+			vertical-align: middle;
+			transform: rotate(-90deg);
+		}
 	}
 
 	.excerpt-more-link {
 		.more-link {
-			font-size: calc(0.75 * var(--global--font-size-base));
 			margin-left: 1rem;
 		}
 	}

spearhead/style-rtl.css

@@ -100,9 +100,10 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 }
 
 .entry-content .more-link {
-	margin-top: 0;
-	display: inline-block;
 	color: var(--global--color-foreground);
+	display: inline-block;
+	font-size: var(--entry-meta--font-size);
+	margin-top: 0;
 }
 
 .entry-content .more-link:hover {
@@ -123,7 +124,6 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 }
 
 .entry-content .excerpt-more-link .more-link {
-	font-size: calc(0.75 * var(--global--font-size-base));
 	margin-right: 1rem;
 }
 

spearhead/style.css

@@ -100,9 +100,10 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 }
 
 .entry-content .more-link {
-	margin-top: 0;
-	display: inline-block;
 	color: var(--global--color-foreground);
+	display: inline-block;
+	font-size: var(--entry-meta--font-size);
+	margin-top: 0;
 }
 
 .entry-content .more-link:hover {
@@ -123,7 +124,6 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 }
 
 .entry-content .excerpt-more-link .more-link {
-	font-size: calc(0.75 * var(--global--font-size-base));
 	margin-left: 1rem;
 }