X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fsass%2Ftracker.scss;h=96da0ae2594f35aa4ab52f0e7886f9b251547fff;hb=6ce22c808bd3025ea252334e516451ddc3b948eb;hp=06f157779a3b5eb5f3a46469e2a57ae4d480651c;hpb=b5a50d74cf042fa7fc874d8184dc37ae20bb74dd;p=alttp.git diff --git a/resources/sass/tracker.scss b/resources/sass/tracker.scss index 06f1577..96da0ae 100644 --- 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,58 @@ .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 { + .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 {