Quadrat: changed the hover effect of text links (#3891)

* changed the hover effect of text links

* Revise link default and hover states.

Co-authored-by: Jeff Ong <jonger4@gmail.com>

quadrat/assets/theme.css

@@ -231,6 +231,16 @@ ul ul {
 	grid-area: form-submit;
 }
 
+.wp-block-post-comments .comment-body > p > a,
+.wp-block-post-comments .comment-edit-link {
+	text-decoration: underline;
+}
+
+.wp-block-post-comments .comment-body > p > a:hover,
+.wp-block-post-comments .comment-edit-link:hover {
+	text-decoration: none;
+}
+
 .wp-block-post-navigation-link {
 	border-top: 1px solid;
 	display: flex;
@@ -313,6 +323,10 @@ ul ul {
 	justify-self: center;
 }
 
+.wp-block-query-pagination .wp-block-query-pagination-numbers .current {
+	text-decoration: underline;
+}
+
 @media (max-width: 479px) {
 	.wp-block-query-pagination .wp-block-query-pagination-numbers {
 		display: none;
@@ -353,18 +367,13 @@ ul ul {
 	padding: var(--wp--custom--margin--horizontal);
 }
 
-a {
+.wp-block-post-content p a {
 	-webkit-text-decoration-line: underline;
 	        text-decoration-line: underline;
 }
 
-a:hover {
-	background: var(--wp--custom--color--primary);
-	color: var(--wp--custom--color--background);
-}
-
-a:active, a:focus {
-	background: var(--wp--custom--color--secondary);
+.wp-block-post-content p a:hover {
+	text-decoration: none;
 }
 
 .site-header {
@@ -414,10 +423,6 @@ a:active, a:focus {
 	padding-right: 0;
 }
 
-.site-header .wp-block-site-title a {
-	text-decoration: none;
-}
-
 .site-header:before {
 	content: "";
 	background-color: var(--wp--custom--color--secondary);

quadrat/sass/_header.scss

@@ -38,10 +38,6 @@
 			padding-right: 0;
 		}
 	}
-
-	.wp-block-site-title a {
-		text-decoration: none;
-	}
 	
 	&:before {
 		content: "";

quadrat/sass/blocks/_post-comments.scss

@@ -88,4 +88,14 @@
 			grid-area: form-submit;
 		}
 	}
+
+	// Target certain links within post comments to use the underline treatment.
+	.comment-body > p > a,
+	.comment-edit-link {
+		text-decoration: underline;
+
+		&:hover {
+			text-decoration: none;
+		}
+	}
 }

quadrat/sass/blocks/_query-navigation.scss

@@ -39,6 +39,9 @@
 	.wp-block-query-pagination-numbers{
 		grid-area: numbers;
 		justify-self: center;
+		.current {
+			text-decoration: underline;
+		}
 		@include break-mobile-only(){
 			display: none;
 		}

quadrat/sass/elements/_links.scss

@@ -1,13 +1,7 @@
-a {
+.wp-block-post-content p a {
 	text-decoration-line: underline;
 
 	&:hover {
-		background: var(--wp--custom--color--primary);
-		color: var(--wp--custom--color--background);
+		text-decoration: none;
 	}
-
-	&:active,
-	&:focus {
-		background: var(--wp--custom--color--secondary);
-	}
-}
+}