feat: Add more brands

src/brands/acme/Button.css

@@ -0,0 +1,28 @@
+.component-button {
+  display: inline-flex;
+  width: 25%;
+  flex: 1 0 auto;
+}
+
+.component-button.wide {
+  width: 50%;
+}
+
+.component-button button {
+  background-color: #073642;
+  color: #fdf6e3;
+  border: 0;
+  font-size: 1.5rem;
+  margin: 0 1px 0 0;
+  flex: 1 0 auto;
+  padding: 0;
+}
+
+.component-button:last-child button {
+  margin-right: 0;
+}
+
+.component-button.orange button {
+  background-color: #586e75;
+  color: #b58900;
+}

src/brands/calc_co/Display.css

@@ -0,0 +1,13 @@
+.component-display {
+  background-color: #fdf6e3;
+  color: #586e75;
+  text-align: left;
+  font-weight: 200;
+  flex: 0 0 auto;
+  width: 100%;
+}
+
+.component-display > div {
+  font-size: 2.5rem;
+  padding: 0.2rem 0.7rem 0.1rem 0.5rem;
+}

webpack.config.js

@@ -1,5 +1,6 @@
 const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
+const brandPath = `src/brands/${process.env.APP_BRAND}`;
 
 module.exports = {
   mode: 'production',
@@ -31,6 +32,6 @@ module.exports = {
     })
   ],
   resolve: {
-    modules: ['src/brands/default', 'node_modules']
+    modules: [brandPath, 'src/brands/default', 'node_modules']
   }
 };