🐛 remove storybook ThemeProvider until fixed

CharlieCarsonKids · Dec 21, 2019 · f43d10d · f43d10d
1 parent f175b57
commit f43d10d
Show file tree

Hide file tree

Showing 6 changed files with 3,419 additions and 3,431 deletions.
diff --git a/.storybook/config.js b/.storybook/config.js
@@ -11,7 +11,7 @@ import { withKnobs } from '@storybook/addon-knobs/react';
 import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
 import { addDecorator, addParameters, configure } from '@storybook/react';
 import { withHTML } from '@whitespace/storybook-addon-html/react';
-import { withTheme } from './decorators';
+import '../app/style/custom.scss';
 import './storybook.css';
 
 // Console Config
@@ -23,7 +23,6 @@ setConsoleOptions({
 addDecorator((storyFn, context) => withConsole()(storyFn)(context));
 addDecorator(withInfo);
 addDecorator(withKnobs);
-addDecorator(withTheme);
 addDecorator(centered);
 addDecorator(
   withHTML({

diff --git a/.storybook/storybook.css b/.storybook/storybook.css
@@ -1,3 +1,66 @@
 .sb-show-main {
   background-color: transparent;
 }
+
+html,
+body {
+  height: 100%;
+  width: 100%;
+}
+
+body {
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+body.fontLoaded {
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+#app {
+  background-color: #fafafa;
+  min-height: 100%;
+  min-width: 100%;
+}
+
+p,
+label {
+  font-family: Georgia, Times, 'Times New Roman', serif;
+  line-height: 1.5em;
+}
+
+@media (max-width: 1200px) {
+  legend {
+    font-size: calc(1.275rem + 0.3vw);
+  }
+  h1,
+  .h1 {
+    font-size: calc(1.375rem + 1.5vw);
+  }
+  h2,
+  .h2 {
+    font-size: calc(1.325rem + 0.9vw);
+  }
+  h3,
+  .h3 {
+    font-size: calc(1.3rem + 0.6vw);
+  }
+  h4,
+  .h4 {
+    font-size: calc(1.275rem + 0.3vw);
+  }
+  .display-1 {
+    font-size: calc(1.725rem + 5.7vw);
+  }
+  .display-2 {
+    font-size: calc(1.675rem + 5.1vw);
+  }
+  .display-3 {
+    font-size: calc(1.575rem + 3.9vw);
+  }
+  .display-4 {
+    font-size: calc(1.475rem + 2.7vw);
+  }
+  .close {
+    font-size: calc(1.275rem + 0.3vw);
+  }
+}
diff --git a/app/components/molecules/Banner/index.js b/app/components/molecules/Banner/index.js
@@ -13,7 +13,7 @@ import Row from 'react-bootstrap/Row';
 import styled from 'styled-components';
 
 const BannerContainer = styled(Container)`
-  background-color: ${props => props.theme.primary};
+  background-color: '#ffd1dc';
   .banner {
     &-text {
       &:first-child {

diff --git a/app/components/molecules/Banner/tests/__snapshots__/index.test.js.snap b/app/components/molecules/Banner/tests/__snapshots__/index.test.js.snap
@@ -2,7 +2,7 @@
 
 exports[`<Banner /> Should render and match the snapshot 1`] = `
 <div
-  class="Banner__BannerContainer-sc-1in81vp-0 bOBsSd p-0 undefined container-fluid"
+  class="Banner__BannerContainer-sc-1in81vp-0 iEowAs p-0 undefined container-fluid"
 >
   <div
     class="banner-wrapper py-1 row"

diff --git a/app/components/templates/HomeLayout/tests/__snapshots__/index.test.js.snap b/app/components/templates/HomeLayout/tests/__snapshots__/index.test.js.snap
@@ -5,7 +5,7 @@ exports[`<HomeLayout /> Should render and match the snapshot 1`] = `
   class="homepage--wrapper"
 >
   <div
-    class="Banner__BannerContainer-sc-1in81vp-0 bOBsSd p-0 undefined container-fluid"
+    class="Banner__BannerContainer-sc-1in81vp-0 iEowAs p-0 undefined container-fluid"
   >
     <div
       class="banner-wrapper py-1 row"