Test out new PostCSS config

4 files changed, 17 insertions, 5 deletions

diff --git a/src/index.config.css b/src/index.config.css
new file mode 100644
index 0000000..f57f163
--- /dev/null
+++ b/src/index.config.css
@@ -0,0 +1 @@
+$fontSize: 50px;
diff --git a/src/index.css b/src/index.css
new file mode 100644
index 0000000..5615a96
--- /dev/null
+++ b/src/index.css
@@ -0,0 +1,9 @@
+@import "./index.config.css";
+
+.app {
+  font-size: $fontSize;
+        display: flex;
+  @if 3 < 5 {
+    background: rebeccapurple;
+  }
+}
diff --git a/src/index.css.js b/src/index.css.js
deleted file mode 100644
index a639934..0000000
--- a/src/index.css.js
+++ /dev/null
@@ -1,4 +0,0 @@
-export const app = {
-  fontSize: '40px',
-  display: 'flex'
-}
diff --git a/src/index.js b/src/index.js
index bd3d805..f2eca86 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,8 +1,14 @@
 import React from 'react'
 import ReactDOM from 'react-dom'
+import FA from 'react-fontawesome'
 
 import { app } from './index.css'
+import '../node_modules/font-awesome/css/font-awesome.css'
 
-const App = p => <div className={app}>{p.text}</div>
+const App = p =>
+  <div className={app}>
+    <FA name='github' />
+    {p.text}
+  </div>
 
 ReactDOM.render(<App text='hello world' />, document.getElementById('root'))