Web Dev Solutions

Catalin Mititiuc

From 9d44de5f114cacd915661ef5b2af3e5098fee3b8 Mon Sep 17 00:00:00 2001 From: Catalin Mititiuc Date: Wed, 17 Jul 2024 18:18:23 -0700 Subject: WIP: arrange elements in a circle --- public/assets/css/map.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) (limited to 'public') 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); +} -- cgit v1.2.3