From 9dff1c289df353f52bda272fc6a6425a8b4cc9f5 Mon Sep 17 00:00:00 2001
From: Catalin Mititiuc
Date: Fri, 5 Apr 2024 13:21:26 -0700
Subject: WIP: put everything on the same hex in a group together; get rid of x
and y coordinates on counters completely
---
style.css | 55 +++++++++++++++++++++++++++++++++++++++++++++++++------
1 file changed, 49 insertions(+), 6 deletions(-)
(limited to 'style.css')
diff --git a/style.css b/style.css
index 2e4cbd7..438ad62 100644
--- a/style.css
+++ b/style.css
@@ -228,11 +228,54 @@ g.troop-counter [href="#counter-prone"] {
transform: translate(-5px, 6px);
}
+g#points g use.counter {
+ r: 5px;
+}
+
+g#points g.hover use[href="#point"] {
+ opacity: 1;
+ fill: orange;
+}
+
+g#points g.hover use.counter {
+ stroke-width: 2px;
+ r: 7px;
+}
+
+g#points g.hover use.counter:not(.clone) {
+ stroke: orange;
+}
+
+g#points use.counter[data-troop-allegiance="davion"] {
+ fill: red;
+}
+
+g#points use.counter[data-troop-allegiance="liao"] {
+ fill: green;
+}
+
+g#points use.clone {
+ stroke: white;
+ stroke-width: 0.5px;
+ stroke-dasharray: 1;
+}
+
+g#points use[data-troop-allegiance="davion"].clone {
+ fill: rgb(255, 126, 126);
+}
+
+g#points use[data-troop-allegiance="liao"].clone {
+ fill: rgb(130, 190, 130);
+}
+
+
+/* ======================================================= */
+
g#counters {
pointer-events: none;
}
-g#counters use {
+/* g#counters use {
r: 5px;
}
@@ -240,17 +283,17 @@ g#counters use:hover {
stroke: orange;
stroke-width: 2px;
r: 8px;
-}
+} */
-g#counters use[data-troop-allegiance="davion"] {
+/* g#counters use[data-troop-allegiance="davion"] {
fill: red;
}
g#counters use[data-troop-allegiance="liao"] {
fill: green;
-}
+} */
-g#counters use.clone {
+/* g#counters use.clone {
stroke: white;
stroke-width: 0.5px;
stroke-dasharray: 1;
@@ -262,7 +305,7 @@ g#counters use[data-troop-allegiance="davion"].clone {
g#counters use[data-troop-allegiance="liao"].clone {
fill: rgb(130, 190, 130);
-}
+} */
text.counter, #troop-counter text {
font-size: 12px;
--
cgit v1.2.3