1 files changed, 50 insertions, 0 deletions
diff --git a/sw-ui/src/components/game/ProductionBar.css b/sw-ui/src/components/game/ProductionBar.css
new file mode 100644
index 00000000..77a3b8fc
--- /dev/null
+++ b/sw-ui/src/components/game/ProductionBar.css
@@ -0,0 +1,50 @@
+.production-bar {
+    align-items: center;
+    background: lightgray;
+    bottom: 0;
+    border-top: 1px #8b8b8b solid;
+    background: linear-gradient(#eaeaea, #888 7%);
+    box-shadow: 0 0 15px 0 #747474;
+    display: flex;
+    height: 3.5rem;
+    position: fixed;
+    width: 100vw;
+    z-index: 99;
+}
+
+.fixed-resources {
+    margin: auto;
+    display: flex;
+}
+.alternative-resources {
+    margin: auto;
+    display: flex;
+}
+
+.resource-with-count {
+    margin-left: 1rem
+}
+.resource-choice {
+    margin-left: 1.5rem;
+}
+
+.choice-separator {
+    font-size: 2rem;
+    vertical-align: middle;
+    margin: 5px;
+    color: #c29929;
+    text-shadow: 0 0 1px black;
+}
+
+.token-img {
+    height: 3rem;
+    vertical-align: middle;
+    width: 3rem;
+}
+
+.token-count {
+    font-family: fantasy;
+    font-size: 1.5rem;
+    margin-left: 0.2rem;
+    vertical-align: middle;
+}