Web Dev Solutions

Catalin Mititiuc

aboutsummaryrefslogtreecommitdiff
path: root/style.css
diff options
context:
space:
mode:
authorCatalin Mititiuc <Catalin.Mititiuc@gmail.com>2024-04-04 09:04:05 -0700
committerCatalin Mititiuc <Catalin.Mititiuc@gmail.com>2024-04-04 09:04:05 -0700
commit9e653d068141fa2a969bdc440a1b0a1a63c620c6 (patch)
tree524c8e97e0f0d6823b854247f2d8bbc104a60d9e /style.css
parentadc67da606798fa0eaf7c155fe73cfa6d87f1463 (diff)
Add prone counters
Diffstat (limited to 'style.css')
-rw-r--r--style.css44
1 files changed, 11 insertions, 33 deletions
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;
}