ccm/btroops
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP: add multiple counters to troopers and cells

Browse Source
This commit is contained in:
Catalin Constantin Mititiuc
2025-06-16 22:41:33 -07:00
parent afd0ff2f6a
commit edb5af99c7
10 changed files with 276 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
public/assets/css/map.css
View File

@@ -516,30 +516,39 @@ use[class^="counter-"] {
--translateX: -5px;
--translateY: -5px;
transform: scale(var(--scale)) translate(var(--translateX), var(--translateY));
/*transform: translate(var(--translateX), var(--translateY)) scale(var(--scale));*/
}
use[class^="counter-"] {
transition: x 0.25s, y 0.25s;
--scale: 0.5;
/*--translateY: 0px;*/
}
.counter use[href^="#counter"] {
/*transform: scale(0.5);*/
}
g.counter use[class^="counter-"] {
x: calc(var(--x) * 1.25);
y: calc(var(--y) * 1.25);
/*y: 10px;*/
/*x: var(--x);*/
/*y: var(--y);*/
}
[data-q][data-r][data-s][data-t]:hover use[class^="counter-"],
x: calc(var(--x) * 1.5);
y: calc(var(--y) * 1.5);
/*--scale: 1;*/
[data-q][data-r][data-s][data-t] > use[class^="counter-"] {
x: calc(var(--x) / 6);
y: calc(var(--y) / 6);
}
/* Counters carried by a trooper */
[data-q][data-r][data-s][data-t]:hover g.counter use[class^="counter-"] {
/*x: calc(var(--x) * 1.5);*/
/*y: calc(var(--y) * 1.5);*/
/*--translateY: -5px;*/
}
/* Counters placed on a hex */
[data-q][data-r][data-s][data-t]:hover > g.counter ~ use[class^="counter-"] {
x: calc(var(--x) * 2);
y: calc(var(--y) * 2);
--translateY: -5px;
}
[data-q][data-r][data-s][data-t]:hover > use[class^="counter-"] {
x: calc(var(--x) * 1.5);
y: calc(var(--y) * 1.5);
--translateY: -5px;
}