fix WC button font inheritance issues (#15435)

* fix: ensure font properties are inherited to control and start/end content * Change files
microsoft · Oct 9, 2020 · 7bac606 · 7bac606
1 parent 2f6ebac
commit 7bac606
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/...uentui-web-components-2020-10-08-15-22-21-users-chhol-button-font-inheritance-issues.json b/...uentui-web-components-2020-10-08-15-22-21-users-chhol-button-font-inheritance-issues.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix: ensure font properties are inherited to control and start/end content",
+  "packageName": "@fluentui/web-components",
+  "email": "[email protected]",
+  "dependentChangeType": "patch",
+  "date": "2020-10-08T22:22:21.243Z"
+}
diff --git a/packages/web-components/src/styles/patterns/button.ts b/packages/web-components/src/styles/patterns/button.ts
@@ -61,6 +61,10 @@ export const BaseButtonStyles: ElementStyles = css`
         font-family: inherit;
     }
 
+    .control, .end, .start {
+        font: inherit;
+    }
+
     :host(:hover) {
         background-color: ${neutralFillHoverBehavior.var};
     }