svg dungeon tracker

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

diff --git a/resources/sass/tracker.scss b/resources/sass/tracker.scss
index 01704b75f3f69e33ac4c696604798a349bc1a99c..ca20b6342d2893f47c77c694cf2a3ee7020c1df8 100644 (file)
--- a/resources/sass/tracker.scss
+++ b/resources/sass/tracker.scss
@@ -4,61 +4,32 @@
                        vertical-align: middle;
                }
        }
-       .count-display,
-       .med-display {
-               background: black;
-               font-weight: bold;
-               text-align: center;
-       }
-       .dungeon {
-               display: flex;
-               flex-direction: row;
-               align-items: stretch;
-               justify-content: flex-start;
-               gap: 1ex;
-               > * {
-                       width: 2em;
-                       height: 2em;
-               }
-               .dungeon-smalls .count-display,
+       .dungeons {
+               width: 100%;
+               height: auto;
+               .count-display,
                .dungeon-tag {
-                       background: black;
-                       font-family: monospace;
-                       font-size: 115%;
+                       font-size: 0.5px;
                        font-weight: bold;
-                       text-align: center;
-               }
-               .dungeon-checks,
-               .dungeon-smalls {
-                       position: relative;
-                       .count-display {
-                               pointer-events: none;
-                               position: absolute;
-                               top: .3ex;
-                               left: .3ex;
-                               bottom: .3ex;
-                               right: .3ex;
-                               &.is-zero {
-                                       display: none;
-                               }
-                               &.is-full {
-                                       color: green;
-                               }
+                       fill: white;
+                       stroke: black;
+                       stroke-width: 0.25px;
+                       stroke-linejoin: round;
+                       paint-order: stroke fill;
+                       dominant-baseline: middle;
+                       text-anchor: middle;
+                       pointer-events: none;
+                       user-select: none;
+                       &.is-zero {
+                               display: none;
+                       }
+                       &.is-full {
+                               fill: green;
                        }
                }
-       }
-       .dungeons {
-               padding: 1ex;
-       }
-       .dungeon-ep,
-       .dungeon-pd {
-               margin-top: 1ex;
-       }
-       .equipment {
-               display: grid;
-               grid-template-columns: 3em 3em 3em 3em 3em;
-               gap: 1ex;
-               padding: 1ex;
+               .count-display {
+                       font-size: 0.65px;
+               }
        }
        .items {
                width: 100%;