more client features

1 files changed, 56 insertions, 0 deletions

diff --git a/server/web/game/style.css b/server/web/game/style.css
index dd0e421..83f06ad 100644
--- a/server/web/game/style.css
+++ b/server/web/game/style.css
@@ -1,3 +1,59 @@
 .hidden {
     display: none;
 }
+
+#distance {
+
+    & .label {
+        position: relative;
+
+        bottom: 0;
+        margin-bottom: 4px;
+
+        &.pool-name {
+            left: 0;
+        }
+
+        &.pool-value {
+            right: 0;
+        }
+    }
+
+    & .content {
+        display: flex;
+        justify-content: center;
+
+        & input[type=checkbox] {
+            pointer-events: none;
+            -webkit-appearance: none;
+            appearance: none;
+            background-color: transparent;
+            margin: 4px;
+            font-size: 2em;
+
+            @media (prefers-reduced-motion: no-preference) {
+                animation: 5s shake ease-in-out alternate infinite;
+            }
+
+            &::before {
+                color: lightseagreen;
+                content: ""
+            }
+
+            &:checked {
+                &::before {
+                    content: "🌸"
+                }
+            }
+        }
+    }
+}
+
+@keyframes shake {
+    from {
+        transform: translateY(0) rotateZ(0deg)
+    }
+    to {
+        transform: translateY(12%) rotateZ(60deg)
+    }
+}
\ No newline at end of file