add a map to the tracker

[alttp.git] / resources / sass / tracker.scss

diff --git a/resources/sass/tracker.scss b/resources/sass/tracker.scss
index 06f157779a3b5eb5f3a46469e2a57ae4d480651c..f1b745a0a24c97617f4a8e0a2afd52b2b9871f3b 100644 (file)
--- a/resources/sass/tracker.scss
+++ b/resources/sass/tracker.scss
@@ -1,5 +1,6 @@
 .tracker {
-       .count-display {
+       .count-display,
+       .med-display {
                background: black;
                font-weight: bold;
                text-align: center;
@@ -104,12 +105,41 @@
                .right {
                        right: 0;
                }
-               .count-display {
+               .count-display,
+               .med-display {
                        pointer-events: none;
                        &.is-zero {
                                display: none;
                        }
                }
+               .med-display {
+                       height: 30%;
+                       font-size: 80%;
+                       line-height: 1;
+               }
+       }
+       .tracker-map {
+               .canvas {
+                       width: 50em;
+                       height: auto;
+                       .location {
+                               width: 0.04px;
+                               height: 0.04px;
+                               fill: green;
+                               stroke: black;
+                               stroke-width: 0.003px;
+                               transform: translate(-0.02px, -0.02px);
+                               &.status-cleared {
+                                       fill: grey;
+                                       opacity: 0.4;
+                               }
+                               &.size-lg {
+                                       width: 0.08px;
+                                       height: 0.08px;
+                                       transform: translate(-0.04px, -0.04px);
+                               }
+                       }
+               }
        }
        .toggle-icon {
                &.inactive {