X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fsass%2Ftracker.scss;fp=resources%2Fsass%2Ftracker.scss;h=ca20b6342d2893f47c77c694cf2a3ee7020c1df8;hb=60fd718e3b558eaea02a8d64bd6aac74be91f782;hp=01704b75f3f69e33ac4c696604798a349bc1a99c;hpb=1a3d040147c19d24b8d02ec8e594eb06b8efc1ff;p=alttp.git diff --git a/resources/sass/tracker.scss b/resources/sass/tracker.scss index 01704b7..ca20b63 100644 --- 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%;