| index : btroops | |
| Virtual board game-aid for BattleTroops, an infantry combat simulator wargame published by FASA in 1989. |
| aboutsummaryrefslogtreecommitdiff |
diff options
| author | Catalin Mititiuc <webdevcat@proton.me> | 2024-05-29 18:02:18 -0700 |
|---|---|---|
| committer | Catalin Mititiuc <webdevcat@proton.me> | 2024-05-29 18:02:18 -0700 |
| commit | 187faec2dfb7959c536d6847a61be912cff9275e (patch) | |
| tree | 2875104e6f5c33912dd6cfffb0c36d2982d702ad /public/assets/css/map.css | |
| parent | fdf9e0145ee14d4db7004c56d0e5b15cb3461e2d (diff) | |
Try to simplify trooper counter
Diffstat (limited to 'public/assets/css/map.css')
| -rw-r--r-- | public/assets/css/map.css | 36 |
1 files changed, 15 insertions, 21 deletions
diff --git a/public/assets/css/map.css b/public/assets/css/map.css index 8f45936..47e5bfe 100644 --- a/public/assets/css/map.css +++ b/public/assets/css/map.css @@ -47,10 +47,6 @@ polyline.move-trace { /* fill: #bacae3; */ } -#counter-base { - r: inherit; -} - g.troop-counter, g.counter, g.troop-counter use { r: inherit; } @@ -59,7 +55,7 @@ g.troop-counter-template, g.troop-counter-template use { r: inherit; } -g.weapon-symbol { +g.weapon-symbol :not(use[href="#counter-base"]) { stroke: white; stroke-width: 0.5px; } @@ -107,18 +103,27 @@ g[data-allegiance="attacker"].clone { fill: rgb(126, 126, 255); } -text.counter, #troop-counter text { +.counter, #troop-counter text { + /* transform: translateY(4px); */ +} + +g.counter use.troop-number, g.counter use.squad-number { font-size: 12px; font-weight: bold; - fill: white; - font-family: sans-serif; + font-family: monospace; cursor: default; text-anchor: middle; - transform: translateY(4px); pointer-events: none; user-select: none; + --text-fill: white; + --translateY: 4px; } +/* .primary-weapon { + stroke: white; + stroke-width: 0.5px; +} */ + polygon.firing-arc[data-allegiance="defender"] { fill: red; } @@ -167,17 +172,6 @@ g.counter use { r: 5px; } -g.counter text.troop-number, g.counter text.squad-number { - fill: black; - font-size: 6px; - font-family: monospace; - font-weight: bold; - cursor: default; - text-anchor: middle; - pointer-events: none; - user-select: none; -} - g.counter use.troop-number, g.counter use.squad-number { --scale: 0.4; } @@ -194,7 +188,7 @@ g.counter .troop-number, g.counter .squad-number { transform: translate(var(--translateX), 0) scale(var(--scale)); } -g.selected use[href="#counter-base"] { +g.selected use.primary-weapon { animation: 1s selected 0.25s linear infinite; stroke-width: 2px; stroke: yellow; |