websocket basic setup FE & BE && working basic game w/ react && webpack & babel config

2016-10-01 21:49:15 +02:00
parent cc411a4a73
commit 8583be9d2a
17 changed files with 470 additions and 21 deletions
--- a/src/Mine/SeekerBundle/Resources/public/css/style.mineseeker.css
+++ b/src/Mine/SeekerBundle/Resources/public/css/style.mineseeker.css
@@ -0,0 +1,32 @@
+#mine-wrapper,
+#mine-wrapper * {
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+#mine-wrapper .grid {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    flex-wrap: wrap;
+    width: 642px;
+    border: 1px solid red;
+}
+
+#mine-wrapper .grid .field {
+    background: #fff;
+    width: 40px;
+    height: 40px;
+    border: 1px solid red;
+}
+
+#mine-wrapper .grid .field.active {
+    background: blue;
+    color: #FFFFFF;
+}
+
+#mine-wrapper .grid .field.active.mine {
+    background: red;
+    color: #FFFFFF;
+}