feat(global): add ability to customize global css

8base · Dec 28, 2018 · 9233991 · 9233991
1 parent c010e8d
commit 9233991
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/EightBaseBoostProvider.js b/src/EightBaseBoostProvider.js
@@ -1,6 +1,7 @@
 // @flow
 
 import React from 'react';
+import { injectGlobal } from 'emotion';
 import { ThemeProvider } from 'emotion-theming';
 import { IconsProvider } from './components/Icon/IconsProvider';
 import { ModalProvider } from './components/Modal/ModalProvider';
@@ -23,6 +24,12 @@ class EightBaseBoostProvider extends React.Component<EightBaseBoostProviderProps
 
   componentDidMount() {
     resetGlobal(this.theme);
+
+    Object.keys(this.theme.components).forEach((name) => {
+      if (this.theme.components[name].globals) {
+        injectGlobal(this.theme.components[name].globals);
+      }
+    });
   }
 
   render() {