Pass body styles to scoped element

styled-system · Mar 12, 2019 · 3302ab3 · 3302ab3
1 parent f91b231
commit 3302ab3
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/typography/src/index.js b/packages/typography/src/index.js
@@ -71,6 +71,10 @@ export const typography = props => {
     const el = elements[key]
     const rules = typographyStyles({ theme, ...el })
     // flatten & merge??
+    if (scoped && key === 'body') {
+      styles['&'] = [ el, ...rules ]
+      continue
+    }
     const selector = scoped ? getScopedSelector(key) : key
     styles[selector] = [ el, ...rules ]
   }