return of the arrows

2019-06-03 16:54:03 +10:00
parent 6ece2c03cd
commit 3bd72cff8f
4 changed files with 59 additions and 24 deletions
@@ -3,11 +3,12 @@
 .game {
    overflow: hidden;
    display: grid;
-    grid-template-rows: min-content min-content 1fr 1.5fr;
+    grid-template-rows: min-content min-content 1fr 0.5fr 1.5fr;
    grid-template-areas:
        "ready"
        "timer"
        "opponent"
+        "target"
        "player";
 }

@@ -73,6 +74,16 @@
    transition-timing-function: ease;
 }

+.game .targeting-arrows {
+    grid-area: target;
+    height: 100%;
+    width: 100%;
+}
+
+.game .targeting-arrows {
+    stroke-width: 5px;
+}
+
 .game-construct .targeting {
    grid-area: avatar;
    position: relative;
@@ -418,4 +429,8 @@
    .game .effects {
        font-size: 100%;
    }
+
+    .game .targeting-arrows {
+        stroke-width: 1em;
+    }
 }