Unset font weight and text decoration inheritance in nav block (#30011)

WordPress · Mar 23, 2021 · c8608bc · c8608bc
1 parent 31289ca
commit c8608bc
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/packages/block-library/src/navigation/editor.scss b/packages/block-library/src/navigation/editor.scss
@@ -237,6 +237,12 @@ $color-control-label-height: 20px;
 	position: relative;
 	z-index: 1;
 
+	// If an ancestor has a text-decoration property applied, it is inherited regardless of
+	// the specificity of a child element. Only pulling the child out of the flow fixes it.
+	// See also https://www.w3.org/TR/CSS21/text.html#propdef-text-decoration.
+	float: left;
+	width: 100%;
+
 	// Show when selected.
 	.is-selected & {
 		display: flex;

diff --git a/packages/components/src/button/style.scss b/packages/components/src/button/style.scss
@@ -1,6 +1,7 @@
 .components-button {
 	display: inline-flex;
 	text-decoration: none;
+	font-weight: normal;
 	font-size: $default-font-size;
 	margin: 0;
 	border: 0;