From 9e653d068141fa2a969bdc440a1b0a1a63c620c6 Mon Sep 17 00:00:00 2001
From: Catalin Mititiuc
Date: Thu, 4 Apr 2024 09:04:05 -0700
Subject: Add prone counters
---
style.css | 44 +++++++++++---------------------------------
1 file changed, 11 insertions(+), 33 deletions(-)
(limited to 'style.css')
diff --git a/style.css b/style.css
index 0985c2f..3fc07d9 100644
--- a/style.css
+++ b/style.css
@@ -16,22 +16,13 @@ svg {
height: 100%;
}
-svg image#numbers {
+svg image {
image-rendering: pixelated;
}
-/* svg text {
- user-select: none;
- font-size: 4px;
- fill: black;
- stroke: black;
- stroke-width: 0.2px;
- font-weight: bold;
- transform: translateY(6px);
- font-family: monospace;
- text-anchor: middle;
- display: none;
-} */
+svg image.map-scans {
+ image-rendering: auto;
+}
div#status {
position: absolute;
@@ -206,28 +197,11 @@ image.map-scans {
transform: rotate(180deg);
}
-/* circle.counter {
- stroke: transparent;
- stroke-width: 0.5in;
-} */
-
-use.counter.clone {
- /* filter: saturate(40%) brightness(4); */
- /* filter: grayscale(0.8) */
-}
-
-g.troop-counter {
- /* fill: inherit; */
- /* transform: translate(-7px, -7px); */
- /* opacity: 0.5; */
+g.troop-counter-template use[href="#counter-base"] {
+ transform: translate(-6px, -6px);
}
-g.troop-counter use[href="#counter-base"] {
- /* transform: translate(-7px, -7px); */
- transform: translate(-5px, -5px);
-}
-
-g.troop-counter text {
+g.troop-counter-template text {
fill: white;
font-size: 12px;
font-weight: bold;
@@ -240,6 +214,10 @@ g.troop-counter text {
stroke: none;
}
+g.troop-counter [href="#counter-prone"] {
+ transform: translate(-5px, 6px);
+}
+
g#counters {
pointer-events: none;
}
--
cgit v1.2.3