Apply text decoration to nav item anchor tags instead of item

WordPress · Nov 2, 2021 · ee0f7d6 · ee0f7d6
1 parent 652da3b
commit ee0f7d6
Showing 1 changed file with 10 additions and 13 deletions.
diff --git a/packages/block-library/src/navigation/style.scss b/packages/block-library/src/navigation/style.scss
@@ -60,24 +60,21 @@
 
 	// The following rules provide class based application of user selected text
 	// decoration via block supports.
-	&.has-text-decoration-underline .wp-block-navigation-item {
+	&.has-text-decoration-underline .wp-block-navigation-item a {
 		text-decoration: underline;
-	}
 
-	&.has-text-decoration-line-through .wp-block-navigation-item {
-		text-decoration: line-through;
+		&:focus,
+		&:active {
+			text-decoration: underline;
+		}
 	}
 
-	&[class*="has-text-decoration"] {
-		.wp-block-navigation-item {
-			a {
-				text-decoration: inherit;
+	&.has-text-decoration-line-through .wp-block-navigation-item a {
+		text-decoration: line-through;
 
-				&:focus,
-				&:active {
-					text-decoration: inherit;
-				}
-			}
+		&:focus,
+		&:active {
+			text-decoration: line-through;
 		}
 	}