From b73217c5c45e2c23ac14e70346036cf4477a6ebe Mon Sep 17 00:00:00 2001
From: Catalin Mititiuc
Date: Wed, 24 Apr 2024 11:22:42 -0700
Subject: Make trooper counters groups
---
public/map.css | 44 +++++++++-----------------------------------
1 file changed, 9 insertions(+), 35 deletions(-)
(limited to 'public/map.css')
diff --git a/public/map.css b/public/map.css
index 71dfe79..cc95931 100644
--- a/public/map.css
+++ b/public/map.css
@@ -65,7 +65,7 @@ polyline.move-trace {
r: inherit;
}
-g.troop-counter, g.troop-counter use {
+g.troop-counter, g.counter, g.troop-counter use {
r: inherit;
}
@@ -94,38 +94,17 @@ g.troop-counter-template text {
transform: translate(-5px, -5px);
}
-g#points g use.counter {
- r: 5px;
-}
-
-g#points g.hover use[href="#point"] {
- opacity: 1;
- fill: orange;
-}
-
-g#points g.hover use.counter {
- r: 7px;
-}
-
-g#points use.counter[data-troop-allegiance="davion"] {
- fill: red;
-}
-
-g#points use.counter[data-troop-allegiance="liao"] {
- fill: green;
-}
-
-use.clone {
+g.clone {
stroke: white;
stroke-width: 0.5px;
stroke-dasharray: 1;
}
-use[data-allegiance="davion"].clone {
+g[data-allegiance="davion"].clone {
fill: rgb(255, 126, 126);
}
-use[data-allegiance="liao"].clone {
+g[data-allegiance="liao"].clone {
fill: rgb(130, 190, 130);
}
@@ -180,7 +159,7 @@ use[href*="#t-"] {
r: 5px;
}
-use.selected {
+g.selected use {
animation: 1s selected 0.25s linear infinite;
stroke-width: 2px;
stroke: yellow;
@@ -195,28 +174,23 @@ use.selected {
}
}
-use[data-allegiance="liao"] {
+.counter[data-allegiance="liao"] {
fill: #008000;
}
-use[data-allegiance="davion"] {
+.counter[data-allegiance="davion"] {
fill: red;
}
-/* Counter is off the grid */
-use[href*="#t-"][data-x]:hover {
- --scale: 1.5;
-}
-
.board {
transform: translate(19px, 31px) scale(4);
}
-g.start-locations g:first-child {
+g.start-locations > g:first-child {
--i: -2;
}
-g.start-locations g:last-child {
+g.start-locations > g:last-child {
--i: 52;
}
--
cgit v1.2.3