player box

2019-09-08 19:48:48 +10:00
parent a794705fbe
commit ac3801ae38
8 changed files with 195 additions and 94 deletions
@@ -0,0 +1,37 @@
+@import 'colours.less';
+
+.player-box {
+    display: grid;
+
+    grid-template-areas:
+        "score"
+        "img"
+        "ctrl";
+
+    &.top {
+        grid-template-areas:
+            "ctrl"
+            "img"
+            "score";
+
+        .img {
+            display: flex;
+            flex-flow: column;
+            justify-content: flex-end;
+        }
+    }
+
+    grid-template-rows: min-content 1fr min-content;
+
+    .score {
+        grid-area: score;
+    }
+
+    .img {
+        grid-area: img;
+    }
+
+    .ctrl {
+        grid-area: ctrl;
+    }
+}