From cc6aa64d938a369716b17bd9c12fc9d75c33222a Mon Sep 17 00:00:00 2001
From: Byron Hager <byron.g.hager@gmail.com>
Date: Mon, 2 Dec 2019 16:38:06 -0600
Subject: [PATCH 1/2] Add index.scss

---
 src/index.js          | 15 ++++++++-------
 src/styles/index.scss |  8 ++++++++
 2 files changed, 16 insertions(+), 7 deletions(-)
 create mode 100644 src/styles/index.scss

diff --git a/src/index.js b/src/index.js
index 34a2fc2..59eb599 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,10 +1,11 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { ModelProvider } from '@jbknowledge/react-models';
-import 'core-js/stable';
+import React from "react";
+import ReactDOM from "react-dom";
+import { BrowserRouter as Router } from "react-router-dom";
+import { ModelProvider } from "@jbknowledge/react-models";
+import "core-js/stable";
 
-import App from './App';
+import App from "./App";
+import "./styles/index.scss";
 
 ReactDOM.render(
   <ModelProvider>
@@ -12,5 +13,5 @@ ReactDOM.render(
       <App />
     </Router>
   </ModelProvider>,
-  document.getElementById('root')
+  document.getElementById("root")
 );
diff --git a/src/styles/index.scss b/src/styles/index.scss
new file mode 100644
index 0000000..1d520fb
--- /dev/null
+++ b/src/styles/index.scss
@@ -0,0 +1,8 @@
+$text-color: #444;
+$background: #eee;
+
+body {
+  font-family: Arial, Helvetica, sans-serif;
+  color: $text-color;
+  background-color: $background;
+}

From b9df0e563c1905dbfb76e23ad69c2338237bb3a9 Mon Sep 17 00:00:00 2001
From: Byron Hager <byron.g.hager@gmail.com>
Date: Tue, 3 Dec 2019 10:15:03 -0600
Subject: [PATCH 2/2] Fix quotes

---
 src/index.js | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/index.js b/src/index.js
index 59eb599..3d99842 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,11 +1,11 @@
-import React from "react";
-import ReactDOM from "react-dom";
-import { BrowserRouter as Router } from "react-router-dom";
-import { ModelProvider } from "@jbknowledge/react-models";
-import "core-js/stable";
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { BrowserRouter as Router } from 'react-router-dom';
+import { ModelProvider } from '@jbknowledge/react-models';
+import 'core-js/stable';
 
-import App from "./App";
-import "./styles/index.scss";
+import App from './App';
+import './styles/index.scss';
 
 ReactDOM.render(
   <ModelProvider>
@@ -13,5 +13,5 @@ ReactDOM.render(
       <App />
     </Router>
   </ModelProvider>,
-  document.getElementById("root")
+  document.getElementById('root')
 );