From 8f03cef0782dda9504a769f9e956fef36feb9af0 Mon Sep 17 00:00:00 2001 From: Chris Holt Date: Thu, 18 Feb 2021 20:10:40 -0800 Subject: [PATCH] Remove hard coded Card background color in favor of Design System paint API (#17070) * remove hard coded background color in favor of default design system behavior * Change files --- ...eb-components-a72ef440-3364-4e9a-ac54-ead7689aa485.json | 7 +++++++ packages/web-components/src/card/card.styles.ts | 1 - 2 files changed, 7 insertions(+), 1 deletion(-) create mode 100644 change/@fluentui-web-components-a72ef440-3364-4e9a-ac54-ead7689aa485.json diff --git a/change/@fluentui-web-components-a72ef440-3364-4e9a-ac54-ead7689aa485.json b/change/@fluentui-web-components-a72ef440-3364-4e9a-ac54-ead7689aa485.json new file mode 100644 index 00000000000000..7770e50842abf2 --- /dev/null +++ b/change/@fluentui-web-components-a72ef440-3364-4e9a-ac54-ead7689aa485.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "remove hard coded background color in favor of default design system behavior", + "packageName": "@fluentui/web-components", + "email": "chhol@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/web-components/src/card/card.styles.ts b/packages/web-components/src/card/card.styles.ts index e1a0b239a48fe5..f59791aca66972 100644 --- a/packages/web-components/src/card/card.styles.ts +++ b/packages/web-components/src/card/card.styles.ts @@ -11,7 +11,6 @@ export const CardStyles = css` height: var(--card-height, 100%); width: var(--card-width, 100%); box-sizing: border-box; - background: var(--background-color); border-radius: calc(var(--elevated-corner-radius) * 1px); ${elevation} }