Move responsive ui into its own folder for easier merges

1 files changed, 29 insertions, 0 deletions

diff --git a/ui/css.js b/ui/css.js
new file mode 100644
index 000000000..7c394a87b
--- /dev/null
+++ b/ui/css.js
@@ -0,0 +1,29 @@
+const fs = require('fs')
+const path = require('path')
+
+module.exports = bundleCss
+
+var cssFiles = {
+  'fonts.css': fs.readFileSync(path.join(__dirname, '/app/css/fonts.css'), 'utf8'),
+  'reset.css': fs.readFileSync(path.join(__dirname, '/app/css/reset.css'), 'utf8'),
+  'lib.css': fs.readFileSync(path.join(__dirname, '/app/css/lib.css'), 'utf8'),
+  'index.css': fs.readFileSync(path.join(__dirname, '/app/css/index.css'), 'utf8'),
+  'transitions.css': fs.readFileSync(path.join(__dirname, '/app/css/transitions.css'), 'utf8'),
+  'react-tooltip-component.css': fs.readFileSync(path.join(__dirname, '..', '..', 'node_modules', 'react-tooltip-component', 'dist', 'react-tooltip-component.css'), 'utf8'),
+  'react-css': fs.readFileSync(path.join(__dirname, '..', '..', 'node_modules', 'react-select', 'dist', 'react-select.css'), 'utf8'),
+}
+
+function bundleCss () {
+  var cssBundle = Object.keys(cssFiles).reduce(function (bundle, fileName) {
+    var fileContent = cssFiles[fileName]
+    var output = String()
+
+    output += '/*========== ' + fileName + ' ==========*/\n\n'
+    output += fileContent
+    output += '\n\n'
+
+    return bundle + output
+  }, String())
+
+  return cssBundle
+}