index : btroops | |
Virtual board game-aid for BattleTroops, an infantry combat simulator wargame published by FASA in 1989. |
aboutsummaryrefslogtreecommitdiff |
diff options
author | Catalin Mititiuc <webdevcat@proton.me> | 2024-07-17 18:18:23 -0700 |
---|---|---|
committer | Catalin Mititiuc <webdevcat@proton.me> | 2024-07-17 19:03:27 -0700 |
commit | 9d44de5f114cacd915661ef5b2af3e5098fee3b8 (patch) | |
tree | f50ce43c6469e60e958167ec0daa4bedd3206325 /public/assets/css | |
parent | e2f6fbe291c10d4ae2a512ea1fb91cbc787fafa6 (diff) |
WIP: arrange elements in a circle
Diffstat (limited to 'public/assets/css')
-rw-r--r-- | public/assets/css/map.css | 14 |
1 files changed, 14 insertions, 0 deletions
diff --git a/public/assets/css/map.css b/public/assets/css/map.css index f8f926d..cd7ea6a 100644 --- a/public/assets/css/map.css +++ b/public/assets/css/map.css @@ -455,3 +455,17 @@ text.elevation { pointer-events: none; fill: black; } + +.radial-icon { + transition: cx 0.25s, cy 0.25s; +} + +[data-q][data-r][data-s][data-t] .radial-icon { + cx: calc(var(--cx) / 20); + cy: calc(var(--cy) / 20) +} + +[data-q][data-r][data-s][data-t]:hover .radial-icon { + cx: var(--cx); + cy: var(--cy); +} |