Merge pull request #3339 from Automattic/fix/3330-seedlet-comment-links

Seedlet: Add underline to comment author/edit links on hover

seedlet/assets/sass/components/comments/_comment-form.scss

@@ -23,6 +23,12 @@
 	.url {
 		border-bottom: none;
 		color: currentColor;
+		
+		&:hover,
+		&:focus {
+			color: var(--global--color-primary-hover);
+			border-bottom: 1px solid var(--global--color-secondary);
+		}
 	}
 }
 

seedlet/assets/sass/components/comments/_comments.scss

@@ -125,6 +125,7 @@
 
 			&:hover,
 			&:focus {
+				border-bottom: 1px solid var(--global--color-secondary);
 				color: var(--global--color-primary-hover);
 			}
 

seedlet/style-rtl.css

@@ -3615,6 +3615,7 @@ nav a {
 }
 
 .comment-meta .comment-metadata a:hover, .comment-meta .comment-metadata a:focus {
+	border-bottom: 1px solid var(--global--color-secondary);
 	color: var(--global--color-primary-hover);
 }
 
@@ -3733,6 +3734,11 @@ nav a {
 	color: currentColor;
 }
 
+.comment-author .url:hover, .comment-author .url:focus {
+	color: var(--global--color-primary-hover);
+	border-bottom: 1px solid var(--global--color-secondary);
+}
+
 .comment-form {
 	display: flex;
 	flex-wrap: wrap;

seedlet/style.css

@@ -3636,6 +3636,7 @@ nav a {
 }
 
 .comment-meta .comment-metadata a:hover, .comment-meta .comment-metadata a:focus {
+	border-bottom: 1px solid var(--global--color-secondary);
 	color: var(--global--color-primary-hover);
 }
 
@@ -3754,6 +3755,11 @@ nav a {
 	color: currentColor;
 }
 
+.comment-author .url:hover, .comment-author .url:focus {
+	color: var(--global--color-primary-hover);
+	border-bottom: 1px solid var(--global--color-secondary);
+}
+
 .comment-form {
 	display: flex;
 	flex-wrap: wrap;