WIP: arrange elements in a circle

2024-07-17 18:18:23 -07:00
parent e2f6fbe291
commit 9d44de5f11
2 changed files with 51 additions and 7 deletions
--- 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);
+}