Web Dev Solutions

Catalin Mititiuc

aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'public/map.css')
-rw-r--r--public/map.css42
1 files changed, 17 insertions, 25 deletions
diff --git a/public/map.css b/public/map.css
index 1a57998..0c2fed9 100644
--- a/public/map.css
+++ b/public/map.css
@@ -22,13 +22,6 @@ use[href="#hex"] {
stroke: black;
}
-/* use[href="#hex"]:hover, use[href="#hex"].hover
- {
- opacity: 1;
- fill: orange;
- stroke: orangered;
-} */
-
use[href="#hex"].active {
opacity: 0.2;
fill: teal;
@@ -41,10 +34,13 @@ use[href="#hex"].active {
fill-opacity: 0.04;
}
+polyline {
+ fill: none;
+}
+
polyline.move-trace {
stroke: white;
stroke-dasharray: 2;
- fill: none;
}
#background {
@@ -73,6 +69,11 @@ g.troop-counter-template, g.troop-counter-template use {
r: inherit;
}
+g.weapon-symbol {
+ stroke: white;
+ stroke-width: 0.5px;
+}
+
g.troop-counter-template text {
fill: white;
font-size: 12px;
@@ -108,11 +109,11 @@ g.clone [href="#counter-prone"] {
opacity: 0.5;
}
-g[data-allegiance="davion"].clone {
+g[data-allegiance="defender"].clone {
fill: rgb(255, 126, 126);
}
-g[data-allegiance="liao"].clone {
+g[data-allegiance="attacker"].clone {
fill: rgb(130, 190, 130);
}
@@ -128,11 +129,11 @@ text.counter, #troop-counter text {
user-select: none;
}
-polygon.firing-arc[data-allegiance="davion"] {
+polygon.firing-arc[data-allegiance="defender"] {
fill: red;
}
-polygon.firing-arc[data-allegiance="liao"] {
+polygon.firing-arc[data-allegiance="attacker"] {
fill: green;
}
@@ -172,7 +173,7 @@ polygon.firing-arc[data-allegiance="liao"] {
stroke-opacity: inherit;
}
-use[href*="#t-"] {
+g.counter use, use[href*="#t-"] {
r: 5px;
}
@@ -191,11 +192,11 @@ g.selected use {
}
}
-.counter[data-allegiance="liao"] {
- fill: #008000;
+.counter[data-allegiance="attacker"] {
+ fill: green;
}
-.counter[data-allegiance="davion"] {
+.counter[data-allegiance="defender"] {
fill: red;
}
@@ -203,14 +204,6 @@ g.selected use {
transform: translate(19px, 31px) scale(4);
}
-g.start-locations > g:first-child:not([data-y]) {
- --i: -2;
-}
-
-g.start-locations > g:last-child:not([data-y]) {
- --i: 52;
-}
-
/* Inradius and circumradius values come from the hexagon */
.grid, g.start-locations {
--inradius: 8.66px;
@@ -249,7 +242,6 @@ g[data-y]:nth-child(odd) {
transform: translateX(calc(var(--x-step) * var(--i))) scale(var(--scale));
}
-g[data-y="-2"] { --i: -2; }
g[data-y="0"] { --i: 0; }
g[data-y="1"] { --i: 1; }
g[data-y="2"] { --i: 2; }