remove old scoreboard and fadein faceoff text

2019-10-23 13:01:53 +11:00
parent 088098daa4
commit 0aed7cfe73
6 changed files with 48 additions and 244 deletions
@@ -131,6 +131,15 @@ svg {
    }
 }

+@keyframes co-text {
+    from {
+        color: @black;
+    }
+    to {
+        color: @gray-exists;
+    }
+}
+
 button {
    &.blue {
        border-color: @blue;
@@ -438,9 +438,35 @@

 .faceoff-text {
    grid-area: text;
-    text-align: center;
-    align-self: center;
-    height: auto;
+    font-size: 200%;
+    text-transform: uppercase;
+    letter-spacing: 1em;
+
+    color: @black;
+    animation: faceoff 4s linear 0s 2 alternate;
+
+    &.winner {
+        color: @yellow;
+        animation: win 2s linear 0s 1;
+    }
+}
+
+@keyframes faceoff {
+    from {
+        color: @black;
+    }
+    to {
+        color: @white;
+    }
+}
+
+@keyframes win {
+    from {
+        color: @black;
+    }
+    to {
+        color: @yellow;
+    }
 }

 /* Mobile Nav*/