Balasana: Multiple changes

* Update Post Navigation
* Add style for Comments
* Add style for Pagination
* Add style for Comment Navigation
* Add style for Latest Comments

balasana/sass/_extra-child-theme.scss

@@ -8,6 +8,7 @@
 $color_background: map-deep-get($config-global, "color", "background", "default");
 $color_background_light: map-deep-get($config-global, "color", "background", "light");
 $color_foreground: map-deep-get($config-global, "color", "foreground", "default");
+$color_foreground_light: map-deep-get($config-global, "color", "foreground", "light");
 $color_primary: map-deep-get($config-global, "color", "primary", "default");
 $color_border: map-deep-get($config-global, "color", "border", "default");
 $spacing_unit: map-deep-get($config-global, "spacing", "unit");
@@ -320,16 +321,32 @@ dt {
 	padding: #{0.5 * $spacing_unit} $spacing_unit;
 }
 
+/**
+ * Pagination
+ */
+.pagination .nav-links > * {
+	font-family: inherit;
+	font-size: inherit;
+	font-weight: 400;
+}
+
 /**
  * Post Navigation
  */
 .post-navigation {
+	a {
+		.post-title {
+			color: $color_foreground;
+		}
+	}
+
 	a:active,
 	a:focus,
 	a:hover {
 		text-decoration: none;
 
 		.post-title {
+			color: $color_primary;
 			text-decoration: underline;
 		}
 	}
@@ -339,6 +356,59 @@ dt {
 	}
 }
 
+/**
+ * Comment Navigation
+ */
+.comment-navigation {
+	a {
+		font-family: inherit;
+		font-size: inherit;
+		font-weight: 400;
+	}
+}
+
+/**
+ * Comments
+ */
+.comment-meta {
+	.comment-author {
+		.fn {
+			font-family: inherit;
+
+			a {
+				color: inherit;
+
+				&:active,
+				&:focus,
+				&:hover {
+					color: $color_primary;
+				}
+			}
+		}
+
+		.avatar {
+			border-radius: 50%;
+		}
+	}
+
+	.comment-metadata {
+		font-size: $font_size_sm;
+		line-height: inherit;
+	}
+}
+
+.reply {
+	font-size: inherit;
+	line-height: inherit;
+}
+
+.pingback,
+.trackback {
+	.url {
+		font-family: inherit;
+	}
+}
+
 /**
  * Blocks
  */
@@ -355,6 +425,11 @@ dt {
 	}
 }
 
+// Latest Comments
+.wp-block-latest-comments .wp-block-latest-comments__comment-meta {
+	font-family: inherit;
+}
+
 // Pullquote
 .wp-block-pullquote {
 	blockquote {

balasana/style-rtl.css

@@ -3709,9 +3709,22 @@ dt {
 	padding: 8px 16px;
 }
 
+/**
+ * Pagination
+ */
+.pagination .nav-links > * {
+	font-family: inherit;
+	font-size: inherit;
+	font-weight: 400;
+}
+
 /**
  * Post Navigation
  */
+.post-navigation a .post-title {
+	color: #303030;
+}
+
 .post-navigation a:active,
 .post-navigation a:focus,
 .post-navigation a:hover {
@@ -3721,6 +3734,7 @@ dt {
 .post-navigation a:active .post-title,
 .post-navigation a:focus .post-title,
 .post-navigation a:hover .post-title {
+	color: #0877D8;
 	text-decoration: underline;
 }
 
@@ -3728,6 +3742,49 @@ dt {
 	color: #303030;
 }
 
+/**
+ * Comment Navigation
+ */
+.comment-navigation a {
+	font-family: inherit;
+	font-size: inherit;
+	font-weight: 400;
+}
+
+/**
+ * Comments
+ */
+.comment-meta .comment-author .fn {
+	font-family: inherit;
+}
+
+.comment-meta .comment-author .fn a {
+	color: inherit;
+}
+
+.comment-meta .comment-author .fn a:active, .comment-meta .comment-author .fn a:focus, .comment-meta .comment-author .fn a:hover {
+	color: #0877D8;
+}
+
+.comment-meta .comment-author .avatar {
+	border-radius: 50%;
+}
+
+.comment-meta .comment-metadata {
+	font-size: 0.83333rem;
+	line-height: inherit;
+}
+
+.reply {
+	font-size: inherit;
+	line-height: inherit;
+}
+
+.pingback .url,
+.trackback .url {
+	font-family: inherit;
+}
+
 /**
  * Blocks
  */
@@ -3741,6 +3798,10 @@ dt {
 	margin-top: 0;
 }
 
+.wp-block-latest-comments .wp-block-latest-comments__comment-meta {
+	font-family: inherit;
+}
+
 .wp-block-pullquote blockquote {
 	padding: 0;
 }

balasana/style.css

@@ -3726,9 +3726,22 @@ dt {
 	padding: 8px 16px;
 }
 
+/**
+ * Pagination
+ */
+.pagination .nav-links > * {
+	font-family: inherit;
+	font-size: inherit;
+	font-weight: 400;
+}
+
 /**
  * Post Navigation
  */
+.post-navigation a .post-title {
+	color: #303030;
+}
+
 .post-navigation a:active,
 .post-navigation a:focus,
 .post-navigation a:hover {
@@ -3738,6 +3751,7 @@ dt {
 .post-navigation a:active .post-title,
 .post-navigation a:focus .post-title,
 .post-navigation a:hover .post-title {
+	color: #0877D8;
 	text-decoration: underline;
 }
 
@@ -3745,6 +3759,49 @@ dt {
 	color: #303030;
 }
 
+/**
+ * Comment Navigation
+ */
+.comment-navigation a {
+	font-family: inherit;
+	font-size: inherit;
+	font-weight: 400;
+}
+
+/**
+ * Comments
+ */
+.comment-meta .comment-author .fn {
+	font-family: inherit;
+}
+
+.comment-meta .comment-author .fn a {
+	color: inherit;
+}
+
+.comment-meta .comment-author .fn a:active, .comment-meta .comment-author .fn a:focus, .comment-meta .comment-author .fn a:hover {
+	color: #0877D8;
+}
+
+.comment-meta .comment-author .avatar {
+	border-radius: 50%;
+}
+
+.comment-meta .comment-metadata {
+	font-size: 0.83333rem;
+	line-height: inherit;
+}
+
+.reply {
+	font-size: inherit;
+	line-height: inherit;
+}
+
+.pingback .url,
+.trackback .url {
+	font-family: inherit;
+}
+
 /**
  * Blocks
  */
@@ -3758,6 +3815,10 @@ dt {
 	margin-top: 0;
 }
 
+.wp-block-latest-comments .wp-block-latest-comments__comment-meta {
+	font-family: inherit;
+}
+
 .wp-block-pullquote blockquote {
 	padding: 0;
 }