Search Block: Apply font-related style inheritance to input field (#6…

…0321) * Search Block: Apply font-related style inheritance to input field * Add missin styles Co-authored-by: Aaron Robertshaw <[email protected]> --------- Co-authored-by: Aaron Robertshaw <[email protected]> Co-authored-by: t-hamano <[email protected]> Co-authored-by: ramonjd <[email protected]> Co-authored-by: aaronrobertshaw <[email protected]> Co-authored-by: gigitux <[email protected]>
WordPress · Apr 3, 2024 · c267df5 · c267df5
1 parent 1655ed0
commit c267df5
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/packages/block-library/src/search/style.scss b/packages/block-library/src/search/style.scss
@@ -97,6 +97,17 @@ $button-spacing-y: math.div($grid-unit-15, 2); // 6px
 	}
 }
 
+// We are lowering the specificity so that the input element can override the rule for the input element inside the search block.
+:where(.wp-block-search__input) {
+	font-family: inherit;
+	font-weight: inherit;
+	font-size: inherit;
+	line-height: inherit;
+	letter-spacing: inherit;
+	text-transform: inherit;
+	font-style: inherit;
+}
+
 // We are lowering the specificity so that the button element can override the rule for the button inside the search block.
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
 	padding: $grid-unit-05;