tracker descriptions

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

diff --git a/resources/sass/tracker.scss b/resources/sass/tracker.scss
index 2e75301da33bee88a795ac67666ccd5d18fce0fe..96da0ae2594f35aa4ab52f0e7886f9b251547fff 100644 (file)
--- a/resources/sass/tracker.scss
+++ b/resources/sass/tracker.scss
@@ -118,6 +118,46 @@
                        line-height: 1;
                }
        }
+       .tracker-map {
+               .canvas {
+                       width: 50em;
+                       height: auto;
+                       .location {
+                               .box {
+                                       width: 0.04px;
+                                       height: 0.04px;
+                                       fill: green;
+                                       stroke: black;
+                                       stroke-width: 0.003px;
+                                       transform: translate(-0.02px, -0.02px);
+                               }
+                               .text {
+                                       fill: black;
+                                       font-size: 0.02px;
+                                       font-weight: bold;
+                                       text-anchor: middle;
+                                       dominant-baseline: middle;
+                                       pointer-events: none;
+                               }
+                               &.status-cleared {
+                                       .box {
+                                               fill: grey;
+                                               opacity: 0.4;
+                                       }
+                               }
+                               &.size-lg {
+                                       .box {
+                                               width: 0.08px;
+                                               height: 0.08px;
+                                               transform: translate(-0.04px, -0.04px);
+                                       }
+                                       .text {
+                                               font-size: 0.04px;
+                                       }
+                               }
+                       }
+               }
+       }
        .toggle-icon {
                &.inactive {
                        opacity: .5;